.sides-left {
  align-items: center;
  display: flex;
  grid-column: 1 / 12;
  padding: var(--space-med) 0;
}

.sides-left h2 {
  margin-bottom: var(--space-small);
}

.sides-img {
  aspect-ratio: 4 / 3;
  border-radius: var(--border-radius);
  grid-column: 13 / 25;
  object-fit: cover;
}

.sides-video {
  aspect-ratio: 4 / 3;
  border-radius: var(--border-radius);
  grid-column: 13 / 25;
  object-fit: cover;
  width: 100%;
}

@media (width <= 1024px) {
  .sides {
    row-gap: var(--space-med);
  }
  .sides-left, .sides-img, .sides-video {
    grid-column: 1 / -1;
    padding: 0;
  }
}