/* Media query for tablets and desktops (screen width > 768px) */
@media (min-width: 768px) {
  .crop-box-center img,
  .crop-box-right img {
    height: 400px;      /* Set a fixed height you like for desktop */
    width: auto;        /* Let the width adjust to keep aspect ratio */
    max-width: 300px;   /* Or set a hard max-width */
    display: block;
    margin: 0 auto;     /* Centers the smaller images in their column */
  }
}

/* Maintain your existing mobile/default rules below or above the query */
.crop-box-center img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

.crop-box-right img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: right;
}
