.prefeature {
  background-color: #D4EDF5;
  margin-bottom: 50px;
  background-image: url('/academics/summer/images/summer-background-xs.png');
  /*background-size: contain;*/
  background-position: right top;
  background-repeat: no-repeat;
}
.prefeature img {
  opacity: 0;
}
@media (min-width: 768px) {
  .prefeature {
    background-image: url('/academics/summer/images/background-left.png'), url('/academics/summer/images/ground-slice.png');
    background-size: auto 100%;
    background-position: right 52vw top, left;
    background-repeat: no-repeat, repeat-x;
  }
}
@media (min-width: 1200px) {
  .prefeature {
    background-image: url('/academics/summer/images/background-left.png'), url('/academics/summer/images/ground-slice.png'), url('/academics/summer/images/background-right.png');
    background-position: right 58vw top, left, right -26vw bottom;
  }
}
@media (min-width: 1250px) {
  .prefeature {
    background-position: right 58vw top, left, right -23vw bottom;
  }
}
@media (min-width: 1300px) {
  .prefeature {
    background-position: right 58vw top, left, right -20vw bottom;
  }
}
@media (min-width: 1400px) {
  .prefeature {
    background-position: right 58vw top, left, right -15vw bottom;
  }
}
@media (min-width: 1500px) {
  .prefeature {
    background-position: right 58vw top, left, right -10vw bottom;
  }
}
@media (min-width: 1600px) {
  .prefeature {
    background-position: right 58vw top, left, right -7vw bottom;
  }
}
@media (min-width: 1815px) {
  .prefeature {
    background-position: right 58vw top, left, right bottom;
  }
}