.photos-container {
    /* width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1em; */

    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    line-height: 0;
}

.photo-button {
    width: 100%;
    height: auto;
    /* margin: 0.4rem; */
}

/* .photos-button img {
  width: 100%;
  height: 100%;
  object-fit: contain;
} */

.photos-img {
    /* border: var(--border-4px); */
    /* width: 100% !important; */
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.photos-img img {
    width: 100% !important;
    height: auto !important;
    /* display: block; */
    margin: auto;
}

.photo-modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 1rem;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.photo-modal-img-div {
    width: 4rem;
    height: 4rem;
}

.photo-modal-img {
    object-fit: contain;
}

@media screen and (max-width: 576px) {
    .photos-container {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0.4rem;
        -moz-column-gap: 0.4rem;
        column-gap: 0.4rem;
        line-height: 0;
    }
}

/* Tablets */
@media (min-width: 576px) and (max-width: 767px) {
    .photos-container {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0.4rem;
        -moz-column-gap: 0.4rem;
        column-gap: 0.4rem;
        line-height: 0;
    }
}

/* Monitors */
@media (min-width: 768px) and (max-width: 1199px) {
}