.header-with-floating-images {
    position: relative;
    padding: calc(var(--header-offset, var(--navbar-height))) 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;
    }
    /* 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;
        padding-top: var(--spacing-x5);

        @media screen and (min-width: 960px) {
            padding-top: var(--section-padding-lg);
        }
    }

    .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;
            }
        }
}