.seljuk-motif,
.legal-motif main {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.seljuk-motif::before,
.legal-motif main::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image:
        url("./seljuk-pattern.png"),
        url("./seljuk-pattern.png"),
        url("./seljuk-pattern.png");
    background-repeat: no-repeat;
    background-size:
        1680px auto,
        1320px auto,
        1940px auto;
    background-position:
        -420px 0%,
        calc(100% + 390px) 55%,
        48% calc(100% + 180px);
    opacity: 0.34;
    mix-blend-mode: multiply;
}

.seljuk-motif:nth-of-type(even)::before {
    background-size:
        1420px auto,
        1840px auto,
        1200px auto;
    background-position:
        calc(100% + 360px) 3%,
        -430px 57%,
        70% calc(100% + 140px);
    opacity: 0.31;
}

.seljuk-motif:nth-of-type(3n)::before {
    background-size:
        2020px auto,
        1280px auto,
        1580px auto;
    background-position:
        50% -210px,
        calc(100% + 390px) 62%,
        -360px calc(100% + 145px);
    opacity: 0.32;
}

.seljuk-motif > *,
.legal-motif main > * {
    position: relative;
    z-index: 1;
}

.legal-motif main::before {
    background-size:
        1740px auto,
        1380px auto,
        1980px auto;
    background-position:
        calc(100% + 410px) 3%,
        -410px 46%,
        52% 90%;
    opacity: 0.23;
}

@media (max-width: 768px) {
    .seljuk-motif::before,
    .seljuk-motif:nth-of-type(even)::before,
    .seljuk-motif:nth-of-type(3n)::before,
    .legal-motif main::before {
        background-size:
            1080px auto,
            880px auto,
            1240px auto;
        background-position:
            -470px 2%,
            calc(100% + 440px) 52%,
            44% calc(100% + 110px);
        opacity: 0.24;
    }
}