.ros {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: auto;
  grid-gap: .5rem;
  padding-inline:clamp(.5rem, 3vw,  2rem) ;
}

.ros__slide {
  aspect-ratio: 172/229;
}

/* Following the Mock */
.ros__slide:nth-child(n + 5) {
  display: none;
}

.ros__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .ros {
    grid-template-columns: repeat(5, 1fr);
  }

  .ros__slide {
    aspect-ratio: 139.20/185.60;
  }

  .ros__slide:nth-child(n + 5) {
    display: block;
  }
}