<div class="shx-landingpage-banner">

</div>

<style>
  .shx-landingpage-banner {
    object-fit: cover;
    width: 100%;
    height: {{ mobile_image_height | default: "650px" }};
    background-image: url({{ mobile_image | file_url }});
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat;
  }

@media screen and (min-width: 750px) {
  .shx-landingpage-banner {
    height: 450px;
    background-image: url("{{ desktop_image | file_url }}");
  }
}

@media screen and (min-width: 1630px) {
  .shx-landingpage-banner {
    height: 650px;
  }
}
</style>