@media only screen and (max-width: 1100px) {
    .gallery-image {
        margin: calc(var(--main-margin) / 4) !important;

        width: calc(100% - calc(var(--main-margin) / 2));
        height: auto !important;
    }
}

.gallery-image {
    border: 1px solid var(--off);
    border-radius: 5px;
    height: 470px;
    margin-right: calc(var(--main-margin) / 4);
    margin-left: calc(var(--main-margin) / 4);

    transition: all 0.1s;
}

.gallery-image:hover {
    transform: scale(1.015);
    border-color: var(--main);
}

.gallery-row {
    display: flex;
    justify-content: space-evenly;

    margin: calc(var(--main-margin) / 2);
}

#gallery-rows {
    width: 100%;
}

#mobile-gallery-images {
    display: flex;
    flex-direction: column;
    align-items: center;

    margin: calc(var(--main-margin) / 2);
}