.gallery {

    display: flex;
    /*display: none;*/
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    gap: 1rem;
}

.gallery img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 0.5em;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
    transition: 0.3s;
}

.gallery a {
    width: 30%;
    aspect-ratio: 1;
}

.gallery img:hover {
    transform: scale(1.05);
}

@media (max-width: 425px) {
    .gallery img {
        width: 90%;
    }
}