@media (min-width: 768px) {
  .gratiela {
    max-height: 134px;
    object-fit: cover;
    object-position: 0px -58px;
  }
  .gratiela-representative {
    max-height: 180px;
    object-fit: cover;
    object-position: 0px -43px;
  }
  .diana {
    max-height: 217px;
    object-fit: cover;
  }
  .madalina {
    max-height: 400px;
    object-fit: cover;

    object-position: 0px -73px;
  }
  .col-sm-4.half {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .gratiela {
    max-height: 181px;
    object-fit: cover;
    object-position: 0px -90px;
  }
  .gratiela-2 {
    max-height: 217px;
    object-fit: cover;
  }
}
@media (min-width: 1200px) {
  .gratiela {
    max-height: 217px;
    object-fit: cover;
    object-position: 0px -90px;
  }

  .gratiela-representative {
    max-height: 296px;
    object-fit: cover;
    object-position: 0px -73px;
  }
}