.img-container { width: 100%; position: relative; }

.img-container.custom-object-fit { position: relative; background-size: cover; background-position: 50% 50%; }

.img-container.custom-object-fit img.featured-image { opacity: 0; }

.img-container img.featured-image { object-fit: cover; object-position: 50% 50%; width: 100%; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; border-radius: 0px !important; }

#schoolheader-img-container { padding: 0px; position: relative; margin-bottom: 60px; margin-top: -60px; float: left; width: 100%; overflow: hidden; }

#schoolheader-img-container .event-img { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; }

#schoolheader-img-container .event-img img { height: 500px; }

@media (max-width: 575px) { #schoolheader-img-container { margin-bottom: 20px; }
  #schoolheader-img-container .event-img img { height: 130px; } }

@media (min-width: 576px) and (max-width: 767px) { #schoolheader-img-container { margin-bottom: 20px; }
  #schoolheader-img-container .event-img img { height: 180px; } }

@media (min-width: 768px) and (max-width: 991px) { #schoolheader-img-container { margin-bottom: 20px; }
  #schoolheader-img-container .event-img img { height: 260px; } }