.custom-cricket-banner-picture {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  line-height: 0;
}

.custom-cricket-banner-picture .custom-cricket-banner-image {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  object-fit: contain !important;
  object-position: center;
}

.custom-cricket-banner-picture > source {
  display: none;
}

.article-card .custom-cricket-banner-picture,
.fixture-card .custom-cricket-banner-picture,
.bento-card .custom-cricket-banner-picture,
.article-hero.custom-cricket-banner .custom-cricket-banner-picture {
  width: 100%;
  max-width: 100%;
}

.article-card .custom-cricket-banner-picture .card-media,
.fixture-card .custom-cricket-banner-picture .fixture-photo,
.bento-card .custom-cricket-banner-picture .bento-media,
.article-hero.custom-cricket-banner .custom-cricket-hero-image {
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
}

.article-hero.custom-cricket-banner {
  max-width: 100%;
  overflow: hidden;
}

.article-hero.custom-cricket-banner figcaption.custom-cricket-banner-caption {
  display: grid;
  gap: .35rem;
  margin-top: .65rem;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.custom-cricket-banner-credit {
  display: block;
}

@media (max-width: 699px) {
  .custom-cricket-banner-picture .custom-cricket-banner-image {
    aspect-ratio: 4 / 5;
  }
}

@media (min-width: 700px) {
  .custom-cricket-banner-picture .custom-cricket-banner-image {
    aspect-ratio: 16 / 9;
  }
}