#featured-location-img {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
}

#featured-location-img h5 {
    margin-bottom: 0;
}

.location-image {
    margin-bottom: 0;
    overflow: hidden;
}

.location-image {
    transition: 0.5s all ease-in-out;
}

.location-image img {
      max-width: unset;
      width: 100%;
      height: calc(100% - 2em);
      object-fit: cover;
}

.location-image:not(.hidden), .location-image.visible {
    opacity: 1;
}

.location-image.hidden {
    opacity: 0;
}

#featured-location-img {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(8, auto);
}
.location-spot-0 {
    grid-column: 1 / 7; /* Equivalent to grid-column-start: 2; grid-column-end: 4; */
    grid-row: 1 / 5;
    z-index: 15;
}
.location-spot-1 {
    grid-column: 1 / 5; /* Equivalent to grid-column-start: 2; grid-column-end: 4; */
    grid-row: 5/ 8;
    z-index: 10;
}
.location-spot-2 {
    grid-column: 5 / 9; /* Equivalent to grid-column-start: 2; grid-column-end: 4; */
    grid-row: 3 / 9;
    z-index: 5;
}