.jarana-image-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f4f1ef;
}

.jarana-image-hero__link,
.jarana-image-hero__picture {
  display: block;
  width: 100%;
}

.jarana-image-hero__picture { aspect-ratio: 2.4864864865 / 1; }

.jarana-image-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jarana-image-hero__link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -6px;
}

@media (max-width: 767px) {
  .jarana-image-hero__picture { aspect-ratio: .7158203125 / 1; }
}