How to add scroll snapping only to an image-banner

[1Bossa]

Hey,

i wanted to add the scroll snapping effect only to the second image banner oon my homepage (https://fairpilzt.de). I want that if you scroll everything is normal and then when you get to the second image-banner the top of the image schould snap to the top of the browser and then you can scroll further but it schould only snap on the second banner and nowhere else.

(I know the site look not very good we are still testing some things but it would help to know how to do it. I don't have good experience with coding)

[Arif_Shopidevs]

@1Bossa 

In that section custom css you can add this CSS

.image-with-text__media>img {
    animation: animateAmbient 30s linear infinite!important;
}

 Are you looking this the second image will animation like the first banner image. 

[1Bossa]

I want this top part of the Image-banner to snap, while scrolling through the mainpage, to the top of the browser