On one of my site pages (about> our team), I used code to add a hover effect to my images, making a description pop up over top of them on hover. I turned on the slide animation for the entire site, which I love, but now the hover effect that I coded isn't working. The captions are stuck on top of the images. Here is my code for that:
@media only screen and (min-width: 640px){
#block-yui_3_17_2_1_1700433448975_88823,
#block-b3a8d141337d28fc8dac,
#block-e201443168bc3fb33650,
#block-95ce9d7ecead7df12d0b,
#block-b0b3ce22dfddeb131971,
#block-80ca1f7c9cdc22af53ed,
#block-43d3696907efd83f1849,
#block-baa797df80ffc7dac9c5,
#block-5d0f74d064d6cd26a374,
#block-706ed77a704a6e2af228,
#block-ab301a749ff385a2b414,
#block-1d84d9c3b113f6f98b9e,
#block-f217141f4dfbbfdef641,
#block-c36643b5a5732649134f,
#block-9ff1a32d59d4aa64e6cf,
#block-d8c9cdf4adc5e7c59ad5,
#block-111874af334cce30f2c9,
#block-b63d79c0aedb79ac30b0 {
opacity: 0;
transition: opacity .5s
}
#block-yui_3_17_2_1_1700433448975_88823:hover,
#block-b3a8d141337d28fc8dac:hover,
#block-e201443168bc3fb33650:hover,
#block-95ce9d7ecead7df12d0b:hover,
#block-b0b3ce22dfddeb131971:hover,
#block-80ca1f7c9cdc22af53ed:hover,
#block-43d3696907efd83f1849:hover,
#block-baa797df80ffc7dac9c5:hover,
#block-5d0f74d064d6cd26a374:hover,
#block-706ed77a704a6e2af228:hover,
#block-ab301a749ff385a2b414:hover,
#block-1d84d9c3b113f6f98b9e:hover,
#block-f217141f4dfbbfdef641:hover,
#block-c36643b5a5732649134f:hover,
#block-9ff1a32d59d4aa64e6cf:hover,
#block-d8c9cdf4adc5e7c59ad5:hover,
#block-111874af334cce30f2c9:hover,
#block-b63d79c0aedb79ac30b0:hover {
opacity: 1;
transition: opacity .5s
}
}
Is there something I can do to make it work again?
