.school-hero-wrapper {
  background-position: center;
  background-size: cover;

}
@media screen and (max-width: 991px){
  .single-school.has-school-hero .fl-page-content {
   padding-top: 124px;
  }

  .single-school.has-school-hero .fl-content:first-of-type {
    margin-top: 0 !important;
  }
}
.school-hero {
  width:100%;
  height: 36rem;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

/* On larger screens, make the hero taller and aligned right. */ 
@media screen and (min-width: 768px) {
  .school-hero {
    height: 46rem;
    justify-content: right;
  }
}

#full-width-image {
  position: relative;
  box-sizing: border-box;
  /* background-image:  url(https://www.rocketshipschools.org/wp-content/uploads/2021/08/029-1024x778.jpg); */
  background-size: cover;
  /* background-position: center top; */
  height: 1000px;
  opacity: 1 !important;
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
  display:block;
  margin-bottom: -71px;
}
@media (max-width: 64em) {
  #full-width-image {
   height: 900px;
  }
}
@media (max-width: 40em) {
  #full-width-image {
   height: 600px;
  }
}