#info-box{color:var(--color-text)}#info-box p{opacity:.85}#info-box h1{font-size:1.5rem;letter-spacing:1px;color:var(--color-text);margin-bottom:var(--gap-medium)}#info-box p{line-height:1.7;margin-bottom:var(--gap-medium);max-width:65ch}.cta-row{display:flex;justify-content:flex-end;margin-top:var(--gap-large)}#top-image {
                    background-image: image-set(
                        url('/top-image-home-1920.avif') type('image/avif'),
                        url('/top-image-home-1920.jxl') type('image/jxl'),
                        url('/top-image-home-1920.jpg') type('image/jpeg')
                    );
                    background-size: cover;
                    background-position-y: -100px;
                    height: 700px;
                    align-content: end;
                    background-position: center;
}

@media (max-width: 1200px)
{
# top-image {
        background-image: image-set(
        url('/top-image-home-1200.avif') type('image/avif'),
        url('/top-image-home-1200.jxl') type('image/jxl'),
        url('/top-image-home-1200.jpg') type('image/jpeg')
    );

    height: 500px;
    }
}

@media (max-width: 1000px)
{
# top-image {
        background-image: image-set(
        url('/top-image-home-1000.avif') type('image/avif'),
        url('/top-image-home-1000.jxl') type('image/jxl'),
        url('/top-image-home-1000.jpg') type('image/jpeg')
    );
    }
}

@media (max-width: 800px)
{
# top-image {
    background-image: image-set(
        url('/top-image-home-800.avif') type('image/avif'),
        url('/top-image-home-800.jxl') type('image/jxl'),
        url('/top-image-home-800.jpg') type('image/jpeg')
    );
    }
}