.mask-banner-right .grid-container {
    max-width: 1140px;
    width: 100%;
    height: 500px;
    aspect-ratio: 6 / 3;
    display: grid;
    grid-template-rows: repeat(6, 1fr);
    background: transparent;
    margin: 0;
    text-align: justify;
    text-align-last: justify;
    position: absolute;
    z-index: 2;
}

.mask-banner-right .grid-box {
    background: transparent;
}

@media only screen and (min-width: 1140px) {
    .mask-banner-right .grid-container {
        grid-template-columns: 1fr repeat(8, minmax(0, calc(1140px / 8))) 1fr;
    }

    .mask-banner-right .grid-box:nth-child(1) {
        grid-row: 1 / 2;
        grid-column: 8 / 10;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        background: transparent;
    }

    .mask-banner-right .grid-box:nth-child(2) {
        grid-row: 1 / 2;
        grid-column: 6 / 8;
        clip-path: polygon(0 0, 100% 0, 50% 100%);
        background: red;
    }

    .mask-banner-right .grid-box:nth-child(3) {
        grid-row: 1 / 3;
        grid-column: 5 / 6;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
        background: #FFF;
    }

    .mask-banner-right .grid-box:nth-child(3)::before {
        content: "";
        position: absolute;
        top: 0;
        right: 1px;
        left: 3px;
        bottom: 1px;
        background: var(--mask-red-11);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
    }

    .mask-banner-right .grid-box:nth-child(4) {
        grid-row: 1 / 2;
        grid-column: 4 / 5;
        clip-path: polygon(100% 0, 0 0, 100% 100%);
        background: var(--mask-red-11);
    }

    .mask-banner-right .grid-box:nth-child(5) {
        grid-row: 2 / 4;
        grid-column: 8 / 9;
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        background: red;
    }

    .mask-banner-right .grid-box:nth-child(6) {
        grid-row: 3 / 5;
        grid-column: 8 / 9;
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        background: var(--mask-red-5);
    }

    .mask-banner-right .grid-box:nth-child(7) {
        grid-row: 3 / 5;
        grid-column: 7 / 8;
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        background: #FFF;
    }

    .mask-banner-right .grid-box:nth-child(7)::before {
        content: "";
        position: absolute;
        top: 1.5px;
        right: 0.5px;
        left: 1.5px;
        bottom: 3px;
        background: var(--mask-red-11);
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
    }

    .mask-banner-right .grid-box:nth-child(8) {
        grid-row: 3 / 5;
        grid-column: 6 / 7;
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        background: #000;
    }

    .mask-banner-right .grid-box:nth-child(8)::before {
        content: "";
        position: absolute;
        top: 3.5px;
        right: 2.5px;
        left: 3.5px;
        bottom: 4.5px;
        background: var(--mask-red-11);
        clip-path: polygon(0 0, 0 100%, 100% 50%);
    }

    .mask-banner-right .grid-box:nth-child(9) {
        grid-row: 4 / 6;
        grid-column: 9 / 10;
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        background: var(--mask-red-11);
    }

    .mask-banner-right .grid-box:nth-child(10) {
        grid-row: 4 / 6;
        grid-column: 8 / 9;
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        background: var(--mask-red-9);
    }

    .mask-banner-right .grid-box:nth-child(11) {
        grid-row: 5 / 7;
        grid-column: 8 / 9;
        clip-path: polygon(0 0, 0 100%, 100% 50%);
        background: var(--mask-red-3);
    }

    .mask-banner-right .grid-box:nth-child(12) {
        grid-row: 4 / 7;
        grid-column: 7 / 8;
        clip-path: polygon(100% 33%, 0 0, 0 66%, 100% 100%);
        background: var(--mask-red-6);
    }

    .mask-banner-right .grid-box:nth-child(13) {
        grid-row: 4 / 6;
        grid-column: 6 / 7;
        clip-path: polygon(100% 0, 0 50%, 100% 100%);
        background: var(--mask-red-11);
    }

    .mask-banner-right .grid-box:nth-child(14) {
        grid-row: 5 / 8;
        grid-column: 9 / 10;
        clip-path: polygon(100% 0, 0 50%, 0 100%, 100% 100%);
        background: #FFF;
    }

    .mask-banner-right .grid-box:nth-child(15) {
        grid-row: 5 / 8;
        grid-column: 6 / 7;
        clip-path: polygon(100% 50%, 0 0, 0 100%, 100% 100%);
        background: #FFF;
    }

    .mask-banner-right .grid-box:nth-child(16) {
        grid-row: 2 / 8;
        grid-column: 5 / 6;
        clip-path: polygon(100% 20%, 0 0, 0 100%, 100% 100%);
        background: #FFF;
    }

    .mask-banner-right .grid-box:nth-child(17) {
        grid-column: 10 / 11;
        grid-row: 1 / -1;
        background: #FFF;
    }

    .mask-banner-right .grid-box:nth-child(18) {
        grid-column: 1 / 2;
        grid-row: 1 / -1;
        background: #FFF;
    }
}