.header-with-floating-images {
    position: relative;
    padding: calc(var(--header-offset, var(--navbar-height)) + var(--spacing-x5)) var(--page-padding) var(--section-padding-lg);
    background: var(--color-azure-50);
    z-index: 5;
    height: 1046px;
    overflow: hidden;
    
    @media screen and (min-width: 960px) {
        min-height: 892px;
        padding: var(--section-padding-lg) var(--page-padding);
        padding-top: calc(var(--header-offset, var(--navbar-height)) + var(--section-padding-lg));
    }

    /* Text layer */
    .header-with-floating-images__text-container {
        position: relative;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        max-width: 768px;
        margin-inline: auto;
    }

    .header-with-floating-images__pre-heading {
        font: var(--font-overline-lg);
        text-transform: uppercase;
        color: var(--color-iceland-1000);
    }

    .header-with-floating-images__heading {
        color: var(--color-iceland-1000);
        font: var(--font-title-xl);
    }

    .header-with-floating-images__paragraph {
        color: var(--color-iceland-900);
        text-align: center;
        font-feature-settings: 'dlig' on;
        font: var(--font-display-xs);
    }

    .header-with-floating-images__text-bottom {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-20);

        @media screen and (min-width:960px) {
            gap: var(--spacing-x3);
        }
    }

    .header-with-floating-images__text-container .optimization-button {
        margin-top: var(--spacing-x3);

        @media screen and (min-width:960px) {
            margin-top: var(--spacing-x4);
        }
    }


    /* Floating images */
    .header-with-floating-images__image {
        position: absolute;
        object-fit: cover;
        width: 186px;
        height: 186px;

        @media screen and (min-width:960px) {
            width: 316px;
            height: 316px;
        }

    }


    .header-with-floating-images__image:nth-of-type(1) {
        display: none;

        @media screen and (min-width: 960px) {
            display: block;
            left: -120px;
            bottom: 40%;
        }
    }


    .header-with-floating-images__image:nth-of-type(2) {
        left: -50px;
        bottom: 160px;
        border-radius: 0 120px 0 0;
        z-index: 1;
        @media screen and (min-width: 960px) {
            left: 125px;
            bottom: 47px;
            z-index: unset;
        }
    }


    .header-with-floating-images__image:nth-of-type(3) {
        left: 53px;
        bottom: 59px;

        @media screen and (min-width: 960px) {
            right: 30%;
            bottom: -120px;
            left: unset;
        }
    }


    .header-with-floating-images__image:nth-of-type(4) {
        right: -70px;
        bottom: 206px;

        @media (min-width: 960px) {
            right: 70px;
            bottom: 35px;
        }
    }


    .header-with-floating-images__image:nth-of-type(5) {
        display: none;

        @media (min-width: 960px) {
            display: block;
            right: clamp(-120px, -10vw, -140px);
            bottom: 43%;
            border-radius: 0 0 0 120px;
        }
    }

}