Cień do img w picture :)

A hoj

Mam na stronce trochę obrazków zamkniętych w tagu <picture> i naszła mnie chęć coby jakimś hoverem dodać im choćby cień albo inną wyróżniająca cechę. Hover do picture nie działa (to raczej zrozumiałe) ale nie mam pomysłu jak to ugryźć. Coś pewnie słabo szukam :/

Pozdrawiam
Torin

:hover działa na większość tagów w html, coś robisz źle.

picture:hover {
  box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
}

Nic nie daje :/

Dodawaj style do tagu img, który powinien być wewnątrz tagu picture. Czyli

img:hover {
  box-shadow: 15px 15px 10px 0px rgba(0,0,0,0.75);
}

Nie działa ani

img:hover
ani
picture > img:hover 

:/

Daj więcej kodu. Tutaj działa: https://jsfiddle.net/1cn28L30/3/

Zrobiłem z img tagiem i też działa https://jsfiddle.net/jnb70xpg/ , coś musisz mieć namieszane.

Kurde faktycznie :/
No to grzebię co tam nabazgrałem.
Dzięki!