.events {
  display: grid;
  grid-template-columns: 3fr 4fr;
  gap: 1rem;

  @media (max-width: 64rem) { grid-template-columns: repeat(2, 1fr) }
  @media (max-width: 40rem) { grid-template-columns: repeat(1, 1fr) }

  img {
    width: 100%;
  }
}