#multi-layer {
    padding: 10vh 0;

    .container {
        border: solid 1px black;
        width: 100%;
        min-height: auto;
        border-radius: 16px;
        padding: 3rem !important;
        display: flex;
        justify-content: space-between;
    }

    h2 {
        margin-bottom: 6rem;
    }

    p {
        width: 80%;
    }

    .aside {
        img {
            width: 100%;
            height: 100%;
            border-radius: 16px;
        }
    }
}



@media (max-width: 991px) {
    #multi-layer .container {
        flex-direction: column;
        align-items: center;
        justify-content: center;

        .text-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center !important;
        }

        h2.display-3 {
            margin-bottom: 15px !important;
        }

        .img-container {

            width: 100%;
        }

        img {
            padding-top: 3rem;
            min-width: 350px;
            height: auto;
        }
    }
}

@media (max-width: 767px) {
    #multi-layer {}
}

@media (max-width: 562px) {
    #multi-layer {
        margin-left: 5%;
        margin-right: 5%;

        .container h2 {
            margin-bottom: 3rem;
        }
    }
}

@media (max-width: 460px) {
    #multi-layer {
        img {
            min-width: 250px !important;
        }

        p {
            min-width: 300px;
        }
    }

}


#multi-layer+* {
    margin-top: 0;
}