section {
    position: relative;
    background-color: var(--white);
    padding-bottom: 0.01em;
}

.textbox {
    position: relative;
    text-align: center;
    font-size: 1.39em;
    background-color: rgb(255, 255, 255);
    box-shadow: 0.15em 0.15em 0.3em rgba(0, 0, 0, 0.2);
}

.textbox :is(p, ul) {
    font-weight: 400;
}

.textbox:nth-of-type(2) {
    width: 31.7em;
    margin-top: 9vh;
    margin-left: calc(100% - 54em);
    z-index: 1;
    padding: 3em 1.5em;
}

.textbox:nth-of-type(2) img {
    position: absolute;
    /*top: -6em;
    right: -19em;
    width: 29rem;*/
    top: -5%;
    right: -55%;
    width: 45.5%;
}

.textbox:nth-of-type(3) {
    width: 19em;
    margin: 9vh 0 10vh 28em;
    line-height: 1.625;
    padding: 2.7em 2.5em;
}

.textbox:nth-of-type(3) img:nth-of-type(1) {
    position: absolute;
    /*top: -5.25em;
    left: -30em;
    width: 28em;*/
    top: -15%;
    left: -125%;
    width: 116%;
}

.textbox:nth-of-type(3) img:nth-of-type(2) {
    position: absolute;
    top: 40%;
    left: -125%;
    width: 116%;
}

section .decoration {
    position: absolute;
}

section .decoration:nth-of-type(1) {
    width: 100%;
    top: 8%;
    left: -6%;
}

section .decoration:nth-of-type(2) {
    width: 71%;
    top: 66.5%;
    left: 32%;
}

@media (max-width: 1634px) {
    .textbox:nth-of-type(3) img:nth-of-type(1) {
        top: -7%;   
    }
}

@media (max-width: 1366px) {
    .textbox:nth-of-type(2) {
        width: calc(45vw + 5em);
        margin-left: 5vw;
    }
    
    .textbox:nth-of-type(2) img {
        position: absolute;
        right: unset;
        top: -3%;
        left: 98%;
        width: calc(85vw - calc(45vw + 5em));
    }
    
    .textbox:nth-of-type(3) {
        width: calc(30vw + 5em);
        margin-left: calc(85vw - calc(30vw + 5em));
    }
    
    .textbox:nth-of-type(3) img:nth-of-type(1) {
        top: -5%;
        left: unset;
        right: 94%;
        width: calc(83vw - calc(30vw + 5em));
    }
    
    .textbox:nth-of-type(3) img:nth-of-type(1) {
        top: -5%;
        left: unset;
        right: 94%;
        width: calc(83vw - calc(30vw + 5em));
    }
    
    .textbox:nth-of-type(3) img:nth-of-type(2) {
        top: 47%;
        left: unset;
        right: 94%;
        width: calc(83vw - calc(30vw + 5em));
    }
}

@media (max-width: 880px) {
    .textbox:nth-of-type(2),
    .textbox:nth-of-type(3) {
        width: 94vw;
        margin-left: 3vw;
        box-sizing: border-box;
        padding: 5vw 4vw 2em;
    }
    
    .textbox:nth-of-type(2) {
        margin-top: 4vh;
    }
    
    .textbox:nth-of-type(2) img {
        top: calc(100% - 2em);
        left: 0;
        right: 0;
        margin: 0 auto;
        width: min(100%, 19em);
    }
    
    .textbox:nth-of-type(3) {
        margin-top: min(120%, 14em);
        margin-bottom: min(200%, 22.5em);
    }
    
    .textbox:nth-of-type(3) img:nth-of-type(1),
    .textbox:nth-of-type(3) img:nth-of-type(2) {
        top: calc(100% - 2em);
        left: 0;
        right: 0;
        margin: 0 auto;
        width: min(100%, 19em);
    }
    
    .textbox:nth-of-type(3) img:nth-of-type(2) {
        top: calc(calc(100% - 2em) + calc(min(100%, 20em) * 0.55));
    }
}