#primary section.screen {
            padding-top: 120px;
            padding-bottom: 0;
            position: relative;
        }

        .screen__card-text {
            color: inherit;
        }


        .screen__card-text svg {
            color: inherit;
        }

        .screen__blur {
            position: absolute;
            top: -50%;
            width: 100%;
            height: 1059px;
            pointer-events: none;
            user-select: none;
            z-index: 0;
        }

        .screen__blur--right {
            right: 0;
            left: auto;
        }

        .screen__blur--left {
            left: -30%;
            right: auto;
        }

        .screen__head {
            margin-bottom: 40px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 18px;
            line-height: 120%;
            letter-spacing: 0;
        }

        .screen__card-text {
            display: flex;
            justify-content: end;
            gap: 16px;
            margin-bottom: 40px;
            align-items: baseline;
            position: relative;
            z-index: 1;
        }

        .screen__card-text * {
            font-weight: 400;
            font-size: 20px;
            line-height: 150%;
            letter-spacing: 0;
        }


        .screen__card-images {
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 20px;
            position: relative;
            z-index: 1;
        }

        .screen__card-images .screen__img {
            width: auto;
            max-width: 100%;
            max-height: 420px;
            border-radius: 12px;
            border: 0.5px solid #FFFFFF33;
            box-shadow: var(--img-shadow, 0px 4px 24px 0px rgba(255, 255, 255, 0.16));
        }

        @media screen and (min-width: 900px) {

            .screen__card-images {
                flex-direction: row;
                gap: 0;
                --y: 131px;
                --ov: 160px;
                --mr2: 440px;
                --ml3: 280px;
                --mt3: -69px;
            }

            .screen__card-images img {
                max-width: 720px;
            }

            .screen__card-images .screen__img.is-2 {
                margin-top: var(--y);
                margin-left: calc(-1 * var(--ov));
            }

            .screen__card-images--first-offset .screen__img.is-1 {
                margin-top: var(--y);
                margin-right: calc(-1 * var(--ov));
                z-index: 1;
            }

            .screen__card-images--first-offset .screen__img.is-2 {
                margin-top: unset;
                margin-left: unset;
                z-index: 0;
            }

            .screen__card-images--middle-offset {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .screen__card-images--middle-offset .screen__img.is-2 {
                margin-top: calc(-1 * var(--y));
                margin-right: var(--mr2);
                z-index: 2;
            }

            .screen__card-images--middle-offset .screen__img.is-3 {
                margin-left: var(--ml3);
                margin-top: var(--mt3);
            }
        }


        @media screen and (max-width: 1200px) {
            .screen__blur {
                display: none;
            }
        }

        @media screen and (max-width: 1350px) {
            .screen__card-text {
                justify-content: start;
            }
        }


        @media screen and (max-width: 768px) {
            .screen__card-images img {
                max-height: 320px;
            }
        }

        @media screen and (max-width: 480px) {
            .screen__card-images img {
                max-height: 230px;
            }
        }