Hover Image on project Index

[marc]

Hi,

Another question on the project index and hover images links:
https://marcthomas.fr/index/

I would like to put the image on top and not fixered and centered.

Then, to be on the same position than the first image of carousel on the project page.
https://marcthomas.fr/versace-spring-summer-22-watches-campaign/

Thanks a lot,
Marc

[Richard]

Dear Marc

@marc

The size of the image will need to change if you need it to fit above the text. However you can change the distance from the top by changing the top value in the images code:

img.lay-image-responsive.lazyautosizes.h100.lazyloaded {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

Within the "image hover region' are all the images waiting and invisible until the hover make's them visible ( opacity ):

If you were to set the top to 30% then the image will rise to where it is in this image.

---

Hope this helps and best wishes ✨

Richard

[marc]

Thanks, get it!!