.subcomponent-3 {
  width: 100%;
}
.subcomponent-3 .img-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.subcomponent-3 .img-grid > img {
  width: 100%;
  height: 25rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}
@container (max-width: 60rem) {
  .subcomponent-3 .img-grid {
    gap: 1rem;
  }
  .subcomponent-3 .img-grid > img {
    height: 16rem;
  }
}
@container (max-width: 30rem) {
  .subcomponent-3 .img-grid {
    gap: 1.5rem;
    grid-template-columns: 1fr;
  }
  .subcomponent-3 .img-grid > img {
    height: 18.75rem;
  }
}