Dear orphicpixel
It is not possible. Please create more the block the same
prntscr.com/dxgidy
in \sj_university2\layouts\layout1.xml
eg:
<spotlight4a html5tag="section" order="8" id="yt_spotlight4a">
<positions>
<position class="col-sm-12" type="modules" style="ytmod" >top6a</position>
</positions>
</spotlight4a>
<spotlight4b html5tag="section" order="8" id="yt_spotlight4b">
<positions>
<position class="col-sm-12" type="modules" style="ytmod" >top6b</position>
</positions>
</spotlight4b>
<spotlight4c html5tag="section" order="8" id="yt_spotlight4c">
<positions>
<position class="col-sm-12" type="modules" style="ytmod" >top6c</position>
</positions>
</spotlight4c>
and decalare the position: top6a, top6b, top6c in \sj_university2\templateDetails.xml
prntscr.com/dxgj3c
and add the css for your block:
#yt_spotlight4a, #yt_spotlight4b, #yt_spotlight4c {
display: block;
position: relative;
z-index: 1;
background: url(../images/bg/bg-2.jpg) no-repeat 0 0 fixed;
padding: 45px 0 50px;
margin: 0;
background-size: 100% 100%;
}
#yt_spotlight4b {
background: url(../images/bg/bg-2.jpg) no-repeat 0 0 fixed;
}
#yt_spotlight4c {
background: url(../images/bg/bg-2.jpg) no-repeat 0 0 fixed;
}
note change the background image again.
Thanks