@media screen and (max-width: 980px) {
  .hero {  background-image:url(https://www.xavier.edu/making-a-musketeer/images/essaymobile1x.jpg) !important;
  }
}