.container .title

{

    display: flex;

    align-items: center;

    width: 75%;

    margin-top: 6em;

    margin-bottom: 5em;

    flex-direction: column;

    font-size: 1.5em;

}



.container

{

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 10em;

    position: relative;

    gap: 3em;

    text-align: center;

}



.gallery-container

{

    width: 80%;

    max-width: 1080px;

    margin: auto;

    display: flex;

    justify-content: center;

    position: relative;

    height: 40vh;

}



.section-divider

{

    bottom: auto;

    top: -10em;

}



.section-divider-bottom

{

    position: absolute;

    width: 100%;

    bottom: -10em;

    top: auto;

    z-index: 2;

    left: 0;

    transform: rotateY(180deg)

}



.gallery

{

    display: flex;

    width: 100%;

    gap: 2em;

    justify-content: center;

}



.gallery img

{

    border: 7px solid #00acee;

    z-index: 5;

}



.image-container

{

    padding: 20px;

    background-color: #00acee;

}

@media (max-width: 1350px)

{

    .gallery

    {

        flex-wrap: wrap;

    }

}



@media (max-width: 1355px)

{

    .gallery-container

    {

        height: 50em;

    }

}



@media (max-width: 1092px)

{

    .gallery-container

    {

        height: 60em;

    }

}



@media (max-width: 490px) {

    .container .title

    {

        width: 90%;

        margin-top: 0;

        margin-bottom: 0;

    }

    .section-divider

    {

        top: -3em;

    }

    .gallery

    {

        gap: 2em;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        margin-top: 5em;

        align-items: center;

    }

    .gallery img

    {

        margin-top: 0;

        width: 320px;

        height: auto;

    };



    .section-divider-bottom

    {

        bottom: -3em;

    }

}