28 lines
595 B
Plaintext
28 lines
595 B
Plaintext
<div class="shx-landingpage-banner">
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.shx-landingpage-banner {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: {{ mobile_image_height | default: "300px" }};
|
|
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> |