.concept-images {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding-block: 100px;
}

.concept-images__main {
  display: block;
  width: 100%;
  aspect-ratio: 13 / 9;
}

.concept-images__main-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.concept-images__grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  column-gap: 24px;
  width: 100%;
}

.concept-images__grid-item {
  display: flex;
  flex-direction: column;
}

.concept-images__grid-item:first-child {
  padding-top: 40px;
}

.concept-images__grid-image {
  display: block;
  width: 100%;
  object-fit: cover;
}

.concept-images__grid-item:first-child .concept-images__grid-image {
  max-width: 495px;
  aspect-ratio: 99 / 109;
}

.concept-images__grid-item:last-child .concept-images__grid-image {
  max-width: 602px;
  aspect-ratio: 602 / 409;
}

.concept-images__footer {
  display: block;
  width: 100%;
  aspect-ratio: 390 / 237;
}

.concept-images__footer-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

@media screen and (min-width: 768px) {
  .concept-images {
    row-gap: 90px;
  }

  .concept-images__grid {
    column-gap: 60px;
  }

  .concept-images__main {
    aspect-ratio: 120 / 47;
    max-height: 564px;
  }

  .concept-images__footer {
    max-height: 732px;
  }

  .concept-images__grid-item:first-child {
    padding-top: 86px;
  }
}