.views-field-field-image .field-content {
  height: 200px;              /* You can tweak this (160–190 range is ideal) */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.views-field-field-image img.image-style-event-and-job-style {
  max-height: 100%;
  max-width: 100%;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
}

@media (max-width: 768px) {
  .views-field-field-image .field-content {
    height: 140px;
  }
}