<!--SlideShow-->
    <div id="slideshow" class="owl-carousel">
        
        <div class="sl-item-img">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/LG_KE500-2294.jpg/1920px-LG_KE500-2294.jpg" alt="slide1">
           
            
        </div>
        <div class="sl-item-img">
            <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/LG_KE500-2294.jpg/1920px-LG_KE500-2294.jpg" alt="slide1">
          
        </div>
    </div>
    <!--/SlideShow-->


<div class="container">
  
  Что такое Lorem Ipsum?
Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.
  
</div>

* {
  box-sizing: border-box;
}

#slideshow{
    width: 100%;
    z-index: 1;
    .sl-item-img{
        position: relative;
    }
    .sl-item-block{
        position: absolute;
        left: 0;
        top:0;
        right:0;
        bottom:0;
        .sl-text{
            max-width: 1340px;
            margin: 0 auto;
            display: flex;
            position: relative;
            height: 100%;  
            align-items: center;
            
            .readmore{
                position: absolute;
                left: 0;
                bottom: 50px;
                color: #FFF;
                text-decoration: none;
                font-size: 20px;
                &:hover{
                    text-decoration: underline;
                }
            }
            h1{
                font-size: 36px;
                color: #FFF;
                font-weight: 400;
                padding-bottom: 130px;
                .slsp1{
                    &::after{
                        width: 67px;
                        height: 68px;
                        background: url(../img/sapogicon.svg);
                        content: "";
                        display: inline-block;
                        margin-left: 10px;
                    }
                }
                .slsp2{
                    position: relative;
                    padding-left: 55px;
                    &::before{
                        width: 48px;
                        height: 45px;
                        background: url(../img/molnia.svg);
                        content: "";
                        display: inline-block;
                        margin-right: 5px;
                        position: absolute;
                        left: 0;
                        top: 8px;
                    }
                }
                .italic{
                    font-style: italic;
                }
            }
        }
    }
    .slick-dots{
        display: block;
        position: absolute;
        bottom: 0;
        right: calc(50% - 350px);
        text-align: right;
        list-style-type: none;
        z-index: 999999;
        li{
            display: inline-block;
            z-index: 99999999999;
        }
    }
}

.container{max-width:700px;
margin:15px auto;
padding:20px;
  background:#dedede;
}

$('#slideshow').slick({
    dots: true,
    infinite: true,
    arrows: false,
    speed: 300,
    slidesToShow: 1,
    adaptiveHeight: true
  });