body {
  margin: 0;
}

img {
  display: block;
  height: auto;
  width: 100%;
}

.container {
  display: flex;
  justify-content: center;
  margin: 2rem;
}

.content {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, 20rem);
  grid-template-rows: repeat(2, 20rem);
}

img {
height: 100%;
object-fit: cover;
&:nth-of-type(2) {
  object-position: top;
}
}