I'm facing an issue where a div needs to move upwards when hovering over it. To see an example, take a look at this JSfiddle.
The desired outcome is as follows:
As illustrated, the right div is the one being hovered. I have attempted to create this hover effect on a single div in the jsfiddle provided, but I am struggling to achieve the desired result.
This is what I've tried:
.service-bg:hover + .service-content-bg {
background-position:0 -250px;
}
However, nothing seems to be happening.
If anyone could offer assistance, it would be greatly appreciated. I do not have much experience with this level of CSS.