.gallery-container {
  display: grid;
  grid-template: 50% 50% / 60% 40%;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 5em;
  gap: 1em;
}

.gallery-image-container {
  display: flex;
  overflow: hidden;
}

.gallery-image-container > img {
  width: 100%;
  height: auto;

  /* Smooth transition */
  transition: transform 0.15s ease;
}

.gallery-image-container > img:hover {
  /* Zoom in a tiny bit when hovering over the image */
  transform: scale(1.025);
}

#gallery-screenshot-1 {
  grid-area: 1 / 1 / span 1 / span 1;
}

#gallery-screenshot-2 {
  grid-area: 2 / 1 / span 1 / span 1;
}

#gallery-boxart {
  grid-area: 1 / 2 / span 2 / span 1;
}