I am making a grid where there is a background image and when the mouse hovers over the box, a solid color appears and text appears. See screenshot below.
I wanted to make the images responsive, so I added the following code:
The images are responsive now, but the hover action no longer works (no longer showing the solid color). The text is also not responsive, even if I add the CSS class imageContainer. In the image below, the box with the text should be showing the color #FF3333. I added the hover color change using Elementor.