body {
    background-color: rgb(139, 172, 172);
}

.gallery-container {
    margin-top: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    opacity: 0;
    font-family: 'Times New Roman', 'Times New Roman', Times, serif;
    font-size: 18px;
}

.photo-container {
    padding: 2vh;
    text-align: left;
}

.photo-container h3 {
    padding-bottom: 6px;
}

#sean-photo-container {
    background-image: linear-gradient(to bottom, rgb(139, 172, 172), rgb(75, 148, 148));
}

#kevin-photo-container {
    background-image: linear-gradient(to top, rgb(139, 172, 172), rgb(75, 148, 148));
}

.photo-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 0 0 12px;
}

img {
    height: 50vh;
    width: auto;
    border: 4px solid rgb(33, 65, 100);
    border-radius: 10px;
    box-shadow: 0 0 2px black;
    margin: 6px 0 6px;
}

#rsvp-photo-grid {
    align-items: center;
    justify-content: space-evenly;
}

.rsvp-image {
    width: 30vw;
    height: auto;
}

.rsvp-reply-image {
    width: 35vw;
    height: auto;
}

@media (max-width: 580px) {
    img {
        height: auto;
        width: 100%;
    }

    .photo-grid img {
        width: 100%;
        height: auto;
    }
}