header {
    background: 50% 60% / cover no-repeat url('/images/destinations-cover.jpg') !important;
    box-shadow: inset 0 0 0 2000px rgba(16, 41, 80, 0.5);
    min-height: 60vh;
}

.gallery {
    width: 90%;
    margin: 2rem auto;
}

.gallery img {
    max-width: 100%;
    vertical-align: middle;
    height: auto;
    display: inline-block;
}

.grid-wrapper > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-wrapper > div > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.grid-wrapper {
    margin: 8rem auto;
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
}

.grid-wrapper .tall {
    grid-row: span 2;
}

.grid-wrapper .wide {
    grid-column: span 2;
}

.grid-wrapper .big {
    grid-column: span 2;
    grid-row: span 2;
}

@media (max-width: 480px) {

    .gallery {
        width: 90%;
        margin: 2rem auto;
    }

    .grid-wrapper {
        margin: 5rem auto;
        grid-gap: 2px;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
        grid-auto-rows: 170px;
    }

}