Specific image hover size and position

[emmapasteur]

I've added a hover image to my list, but I'd like to be able to control the size and position of the image.

Here is the link to my page : https://anaisfernon.com/home-copy/?lay_preview=true&preview_post_id=171&preview_nonce=289f672cee&t=1779099505967

I'd like them all to appear in the same spot, as shown in the photo below:

``

Could you please help me finding a solution ? Thank you...

[arminunruh]

hey! When creating an image hover link in a text or simply for an image, there are already settings to change the image hover position and type there.

But unfortunately, those settings are still missing for the project index element.

I'm writing this down as an idea.

[emmapasteur]

Hey! Thank you for replying. I had the time to finally find a solution. Here is the code I used if someone is interested:

.lay-imagehover-on-element .lay-image-responsive {
width: clamp(150px, 20vw, 500px) !important;
height: auto !important;
position: fixed !important;
top: 320px !important;
right: 40px !important;
transform: none !important;
}

[arminunruh]

wow, that's very clever. Well done!

[arminunruh]

hey, so the project index element now has image hover settings too in its modal.

[emmapasteur]

Perfect :)) thks have a nice day