main {
    overflow: visible;
    ul {
        display: flex;
        list-style: none;
        padding: 0;
        justify-content: space-evenly;
        flex-wrap: wrap;
        li {
            margin-top: 2rem;
            margin-bottom: 2rem;
            padding: 0;
            img {
                transition: transform 0.5s;
                transform: scale(1);
                border-radius: 2rem;
                box-shadow: 0.7rem 0.7rem 0.7rem rgba(0, 0, 0, 0.40);
            }
            img:hover {
                transform: scale(1.1);
            }
        }
    }
}

html {
    background-image: url(../img/homepage_background.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

@media only screen and (max-width: 1000px) {
    ul li img {
        width: 80vw;
    }

    header {
        height: auto;
    }
}

@media only screen and (min-width: 2000px) {
    ul li img {
        width: 26vw;
    }
}