Hi,
I have these group of text boxes, each with a different word, around my image. I have positioned them using spaces.
the code for their color change on hover effect is as below:
@media only screen and (min-width: 640px){
#block-633c5f7450204f1a8cde {
opacity: 0.5;
transition: opacity 1s
}
#block-633c5f7450204f1a8cde:hover {
opacity: 1;
transition: opacity 1s;
color: red;
}
}
///////
The issue i have is that, these elements are not responsive of course. Is there a way to define their distance with respect to the image and make it responsive?
You can see how it is in full screen, and how it changes with window size decrease.