Zoom Section Background Image on Hover

[Blank Box Ltd]

I'm trying to get a section background image to zoom on hover, I've tried everything I can but can only ever get the entire section to zoom / grow.

I know it's something along the lines of:

.div:hover {
    transform: scale(1.2);
}

But nothing I've tried has worked.

Anybody have any ideas?

Regards,

Rory.

 

[Blank Box Ltd]

I've found an imperfect solution to this, which is to use the gallery block allows you to add a zoom effect on hover, so I can use the gallery block and then use positioning to place it under another block with content in (such as text or buttons).