<style>
.slide1 {background: url('./uploads/{{MAINIMG1}}') no-repeat center center / cover;}
.slide2 {background: url('./uploads/{{MAINIMG2}}') no-repeat center center / cover;}
.slide3 {background: url('./uploads/{{MAINIMG3}}') no-repeat center center / cover;}

@media (orientation: portrait) {
{{#IF_MAINIMG1_P}}.slide1 {background-image: url('./uploads/{{MAINIMG1_P}}');}{{/IF_MAINIMG1_P}}
{{#IF_MAINIMG2_P}}.slide2 {background-image: url('./uploads/{{MAINIMG2_P}}');}{{/IF_MAINIMG2_P}}
{{#IF_MAINIMG3_P}}.slide3 {background-image: url('./uploads/{{MAINIMG3_P}}');}{{/IF_MAINIMG3_P}}
}
</style>

<aside id="mainimg">
<div class="slide slide1"></div>
<div class="slide slide2"></div>
<div class="slide slide3"></div>
</aside>
