30 lines
640 B
Plaintext
30 lines
640 B
Plaintext
<div class="shx-landingpage-banner"></div>
|
|
|
|
<script>
|
|
console.log("img", "{{ desktop_image }}", "{{ mobile_image }}")
|
|
</script>
|
|
|
|
<style>
|
|
.shx-landingpage-banner {
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 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: 550px;
|
|
}
|
|
}
|
|
</style> |