/* Full-bleed hero treatment for the Fragments page. */
.fragments-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 calc(50% - 50vw) 3rem !important;
  overflow: hidden;
}

.fragments-hero img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 0 !important;
}

@media (max-width: 640px) {
  .fragments-hero {
    margin-bottom: 3.5rem !important;
  }
}