@charset "utf-8";
/* base – do nothing to layout */
.single-image-frame {
   align-items: center; 
  width: 100%;
}

/* image default behavior */
.single-image-frame img {
  display: block;
  width: 100%;
  height: auto;
}

/* desktop control */
@media (min-width: 1024px) {
  .single-image-frame {
    height: 520px;          /* CONTROL POINT */
    max-height: 520px;
    overflow: hidden;

    /* flex/grid immunity */
    align-self: stretch;
    justify-self: stretch;
  }

  .single-image-frame img {
    height: 100%;
    width: 100%;
    object-fit:  contain;     /* change to contain if needed */
  }
}
/* CSS Document */