.content-2-images-links {
    padding-block: 4rem;

    .container {
        display: flex;
        flex-direction: column;
        gap: 5rem;
    }

    .section-titles {
        align-items: center;
        text-align: center;

        img {
            width: 48px;
        }

        .subtitle {
            font-size: var(--text-36px);
            color: var(--color-gold);
        }

        & :is(h1,
            h2,
            h3,
            h4,
            h5,
            h6) {
            font-size: var(--text-40px);
            letter-spacing: 0.06em;
        }
    }

    .section-body {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8vw;

        .right {
            display: flex;
            flex-direction: column;
            gap: 4.25rem;
            flex-shrink: 0;

            .links {
                display: flex;
                gap: 1rem;
            }
        }

        .section-content {
            max-width: 400px;

            & :is(h1,
                h2,
                h3,
                h4,
                h5,
                h6) {
                font-size: var(--text-50px);
                letter-spacing: var(--ls-titles);
            }

            a {
                color: var(--color-brown);
            }
        }

        .left {
            position: relative;

            .circle-deco {
                position: absolute;
                z-index: 2;
                width: 240px;
                bottom: calc(100% - 160px);
                inset-inline-end: 50%;
                transform: translateX(-50%);
            }
        }

        .images {
            --img-left-offset: 4.375rem;
            display: flex;
            gap: 2rem;
            padding-block-start: var(--img-left-offset);


            .img-wrap {
                flex: 1;
                aspect-ratio: 460 / 582;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }



            .img-wrap:nth-child(2) {
                transform: translateY(calc(var(--img-left-offset) * -1));
            }
        }
    }
}

body:not(.rtl) .content-2-images-links .section-body .left .circle-deco {
    transform: translateX(50%);
}

@media (max-width: 1023px) {
    .content-2-images-links {
        .container {
            padding-inline: 0;
        }

        .section-body {
            flex-direction: column-reverse;
            align-items: flex-start;

            .right {
                padding-inline: var(--container-padding);
            }

            .section-content {
                max-width: 100%;
            }

            .left {
                padding-inline: var(--frame-side);
            }

            .images {
                gap: 1rem;
            }
        }
    }
}

@media (max-width: 640px) {
    .content-2-images-links {
        padding-block: 3.5rem 2rem;

        .section-body {
            .left .circle-deco {
                bottom: auto;
                top: -70px;
                inset-inline-end: 60%;
                width: 140px;
            }

            .images {
                --img-left-offset: 8rem;
                gap: 0;

                .img-wrap:nth-child(2) {
                    margin-inline-start: -18%;
                    z-index: -1;
                }
            }

            .links {
                flex-direction: column;
            }
        }
    }
}