<div class="banner-image hidden-md-down" style="position:relative; height: 18rem; margin-bottom: 10px; overflow: hidden;" id="slider">
    {% for i in 1..5 %}
        <img src="/images/slider/slider{{ random(24) }}.jpg"/>
    {% endfor %}
</div>

<div class="banner-image d-none d-lg-block" style="position:relative; height: 18rem; margin-bottom: 10px; overflow: hidden;" id="slider">
    {% for i in 1..5 %}
        <img src="/images/slider/slider{{ random(24) }}.jpg"/>
    {% endfor %}
</div>

Hide banner on smaller screen sizes
Hide banner on smaller screen sizes
