body {
    overflow-x: hidden;
}

#gallery h1.head-text {
    text-transform: capitalize;
}

#gallery .gallery-container {
    columns: 3;
    width: 90%;
    margin: 2rem auto;
}

@media screen and (max-width: 800px) {
    #gallery .gallery-container {
        columns: 1;
    }
}

#gallery .gallery-container a {
    transition: 0.5s;
    width: 100%;
    height: 100%;
}

#gallery .gallery-container a:hover {
    transform: scale(1.02);
}

#gallery .gallery-container a img {
    transition: all 0.3s;
    width: 100%;
    object-fit: cover;
    margin-bottom: 1rem;
}