/* Center */
.popup-block{
  display: flex;
  justify-content: center;
}

/* Default (desktop/laptop) */
.popup-block .views-field-field-popup-image img{
  width: auto !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;

  /* bigger on laptop */
  max-height: 92vh !important;
  max-width: min(720px, 95vw) !important; /* control width so it doesn't dominate */
}

/* Tablet */
@media (max-width: 1024px){
  .popup-block .views-field-field-popup-image img{
    max-height: 86vh !important;
    max-width: min(560px, 92vw) !important;
  }
}

/* Mobile */
@media (max-width: 768px){
  .popup-block .views-field-field-popup-image img{
    max-height: 78vh !important;
    max-width: 92vw !important;
  }
}

/* Prevent wrapper clipping */
.popup-block .views-field-field-popup-image,
.popup-block .views-field-field-popup-image .field-content,
.popup-block .views-field-field-popup-image .wrapper{
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}