Have image stay within a certain area when scrolling

I’m not sure if what I’m about to writ makes sense! A website I’m working on has several guests and they have bios of different lengths. On the really long ones, for desktop view, you have to scroll down to read the entire thing causing their bio image to scroll out of view. I’d like the bio image to be where it’s at now for the initial state but if you’re scrolling down then the bio pic stays fixed to the top of the page with a slight top margin but then when you reach the bottom where the gallery is, it doesn’t scroll past the div container that it is in. Does that even make sense? It will help if you look at this particular page >> https://www.greateraustincomiccon.com/guests/austin-st-john <<


Here is my site Read-Only: **
https://preview.webflow.com/preview/gacc?utm_source=gacc&preview=6424d08a78d172753a58551be4151106**

This is what you are looking for, I guess.

1 Like

This is exactly what I was looking for. Thanks!