I checked the codes and the
1. css code 1 works as it lets the image slides down more,but seems like it adds a scroll bar for the extra distance that is being moved from under the header. Is there a way perhaps to get rid of the scroll bar so that the images are exactly at full screen?
3. css code also works in a sense there’s no flashing as image is being hidden behind the header. And here’s starts another issue- image is being hidden behind an image, which doesn’t look great. Can the images just stay under the header so that when I slide up, I can have the full screen on mobile and still see the full image?