.wrapper {
    margin: 0 auto;
    max-width: 50rem;
    text-align: center;
}
.wrapper p {
    color: #eaf2ef;
}

.wrapper .gallery-container h2 {
    color: #333;
}
.wrapper .gallery-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.wrapper .gallery-container ul li img {
    display: block;
    height: auto;
    max-width: 100%;
}
.gallery-container ul.mosaic-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem;
}
.gallery-container ul.mosaic-gallery li {
    background-position: center center;
    background-size: cover;
    flex: auto;
    height: 15vw;
    margin: 0 0.25rem 0.5rem;
    max-height: 10rem;
}
.gallery-container ul.mosaic-gallery li img {
    height: 100%;
    opacity: 0;
}