I have some image blocks on a page and I am trying to get just some interaction by adding a hover state to them by just targeting the images using the section Data ID, but for some reason, I can't get it to work. If I change the size of the image just normally it works, but when I try to change it on hover it doesn't.. any help? Here is my code:
section[data-section-id="6425e7c2d407585e86625dc3"] img {
transform: scale(1) !important;
transition: .4s ease all;
}
section[data-section-id="6425e7c2d407585e86625dc3"] img:hover {
transform: scale(1.1) !important;
}
Here is the specific page: https://treetopbusiness.com/services