.ba-wrap {
  position: relative;
  width: 100%;
  max-height: 500px; /* maximale Höhe am Desktop */
  aspect-ratio: auto; /* erlaubt variable Höhe, je nach Bild */
  border-radius: 14px;
  background: #080808;
  overflow: hidden;
}

.ba-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain; /* statt cover, um das ganze Bild zu zeigen */
  background: #000; /* damit bei Letterbox schwarze Ränder kommen */
}

@media (max-width: 768px) {
  .ba-wrap {
    max-height: 320px; /* kleinere Höhe auf Mobil */
  }
}