/* Only the large image on an activity detail page, only on larger screens.
   Keep the original image and its proportions; leave mobile CSS untouched. */
@media (min-width: 769px) {
  .buurthuis-single-activiteit .activiteit-featured-image {
    display: flex;
    justify-content: center;
  }

  .buurthuis-single-activiteit .activiteit-featured-image img {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 800px);
    max-height: min(65vh, 560px);
    object-fit: contain;
  }
}