Landing page fullscreen image block

Hi,

on my page splashx.de I want to make the picture on the landing page always fullscreen no matter what screen size you use it on.

Is there a way to scale this always to the screens size and width? Didn't find a method inside the picture block there. I'm not good with CSS.

The arrow on the bottoms should be a smooth scrolldown to the block on the bottom.

Password: Yaq1234567

Hi,

The site url doesn't work. Can you check it again?

Hi, sorry it is splashx.de

Add to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="638096cae6c7eaf24c8bf294"] {
    min-height: unset !important;
    height: 35vh;
}
}

Thanks, but this sets it to a fixed height and destroys the layout on mobile devices.

Is there a way to tell it to max the height to the screen size instead?