main{

    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
    gap: 10px;

    img{

        height: 30rem;

        width: auto;

    }

}

#overlay{


    display: none;
    flex-direction: column;
    justify-content: space-around;

    /*display: none;*/

    position: fixed;
    top: 0%;

    z-index: 9999;

    background-color: rgba(0, 0, 0, .7);
    backdrop-filter: blur(7px);

    width: 100vw;
    height: 100vh;

    img{


        width: 40%;
        margin: auto;

    }

}

@media screen and  (max-width: 80rem){

    main{

        padding: 0%;

        img{

            width: 100%;

            height: auto;

        }

    }

}