:root {
  color: #e7e7e7;
  font-family: Inter, sans-serif;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
body {
  background: linear-gradient(to right, #000000, #152331);
}
.container {
  max-width: 1350px;
  margin: 10em auto;
}

.image-container {
  display: flex;
  gap: 0.5%;
  justify-content: space-between;

  div {
    flex-basis: 100%; /* This is to prevent flexbox resizing when higher res images get redrawn */
  }

  img {
    width: 100%;
  }
}

@media screen and (width < 800px) {
  .image-container {
    flex-direction: column;
    gap: 2em;
    margin: 0 2em;
  }
}