Есть слайдер bootstrap с блоком
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="img/4.jpg">
<div class="carousel-caption">
<h1>Edward Minkle</h1>
<small>General</small>
</div>
</div>
<div class="item">
<img src="img/5.jpg">
<div class="carousel-caption">
<h1>Edward Linke</h1>
<small>General-Gyb.</small>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="clmd">
<h1>ARTISTS</h1>
<h2>STEVIE IPSUM</h2>
<small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Interdum proin ligula tempor eras sodales parturient; laoreet curae ridiculus consequat lectus mollis lacinia montes. Aenean commodo nostra elit imperdiet convallis pulvinar: parturient taciti dui posuere consectun. Class dignissim sed conubia ornare curae magna ipsum cum nullam ultrices curabitur eras.Litora quis Velit tincidunt metus elit purus - lacus fermentum ipsum taciti.</small>
<div>
При попытки поднять блок с текстом
.clmd {
background: white;
width: 45.57%;
position: relative;
z-index: 100;
height: auto;
bottom: 60px;
}
Появляются отступы
Средний
Простой
