.hero {
  background-image: url('/images/hero/calvin.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 130px;
}

@media only screen and (min-width: 768px) {

  .hero {
    background-size: 200px;
  }
}

@media only screen and (min-width: 992px) {

  .hero {
    background-size: 320px;
  }
}

@media only screen and (min-width: 1280px) {

  .hero {
    background-image: url('/images/hero/calvin.png'), url("/images/hero/car.png");
    background-position: bottom right, top left;
    background-size: 360px auto, auto 100%;
  }
}