/* Override the original inline photo styles without changing the inventory content. */
.inventory-photography {
  display: flow-root;
  max-width: 1100px;
}

.inventory-photography > div:first-child {
  background-image: url('/assets/inventory-mastercraft-sunset.webp') !important;
  background-position: center 60% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
  margin-bottom: 32px !important;
}

/* Keep the caption readable without darkening the boat. */
.inventory-photography > div:first-child > div:first-child {
  display: none;
}

.inventory-photography > div:first-child > div:last-child {
  display: none;
}

.inventory-photography > div:nth-child(2) > div:first-child {
  background-image: url('/assets/inventory-malibu.webp') !important;
  background-position: center 56% !important;
  min-height: 420px !important;
}

@media (max-width: 600px) {
  .inventory-photography > div:first-child > div:last-child {
    font-size: 0.75rem !important;
    left: 16px !important;
    bottom: 12px !important;
  }

  .inventory-photography > div:nth-child(2) {
    flex-direction: column;
  }

  .inventory-photography > div:nth-child(2) > div:first-child {
    flex: none !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5;
  }

  .inventory-photography > div:nth-child(2) > div:last-child {
    padding: 32px 24px !important;
  }
}