colettechidalek

it's callahealth.org, but I changed the team page for now until I figure out a solution to my coding hover effects issue

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?