.two-image-section {
  max-width: 1500px;
  margin: auto;
}

.two-image-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}

.two-image-small {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.two-image-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.two-image-big {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.two-image-big img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.button-group {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.mobile-only {
  display: none;
}

.desktop-only {
  display: block;
}

/* MOBILE IMAGE ROW */
.two-image-mobile-row {
  display: block;
}

.two-image-text {
  max-width: 580px;
}

@media (max-width: 991px) {
  .two-image-section {
    padding: 60px 0;
  }

  .two-image-left {
    gap: 20px;
  }

  .two-image-mobile-row {
    display: flex;
    gap: 8px;
    margin-top: 20px;
  }

  .two-image-mobile-row > div {
    flex: 1;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .two-image-small,
  .two-image-big {
    aspect-ratio: 1 / 1;
  }
}