Add this div in class: class="slideshow-content bottom-middle"
Add this div in class: class="wrap-caption animation style1"
<section class="slideshow slideshow-wrapper">
<div class="home-slideshow">
<div class="slide">
<div class="slideshow--large bg-size">
<img class="bg-img blur-up lazyload" data-src="assets/images/slideshow/demo1-banner1.jpg" src="assets/images/slideshow/demo1-banner1.jpg" alt="HIGH CONVERTING" title="HIGH CONVERTING" />
<div class="container">
<div class="slideshow-content slideshow-overlay bottom-middle d-flex justify-content-center align-items-center">
<div class="slideshow-content-in text-center">
<div class="wrap-caption animation style2 whiteText px-2">
<p class="ss-small-title fs-5 mb-2">Simple, Clean</p>
<h2 class="h1 mega-title ss-mega-title fs-1">HIGH CONVERTING</h2>
<span class="mega-subtitle fs-6 ss-sub-title">Creative, Flexible and High Performance Html Template!</span>
<div class="ss-btnWrap">
<a class="btn btn-lg rounded btn-primary" href="shop-left-sidebar.html">Shop Women</a>
<a class="btn btn-lg rounded btn-primary" href="shop-left-sidebar.html">Shop Men</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide">
<div class="slideshow--large bg-size">
<img class="bg-img blur-up lazyload" data-src="assets/images/slideshow/demo1-banner2.jpg" src="assets/images/slideshow/demo1-banner2.jpg" alt="MAKING BRAND VISIBLE" title="MAKING BRAND VISIBLE" />
<div class="slideshow-content slideshow-overlay bottom-middle container d-flex justify-content-center align-items-center">
<div class="slideshow-content-in text-center">
<div class="wrap-caption animation style2 whiteText px-2">
<h2 class="mega-title ss-mega-title fs-1">MAKING BRAND VISIBLE</h2>
<span class="mega-subtitle ss-sub-title fs-6">Runs faster. Costs less and never breaks.<br> We like to make things look pretty.</span>
<div class="ss-btnWrap">
<a class="btn btn-lg rounded btn-primary" href="shop-left-sidebar.html">Shop Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Collection Slider Section-->
<section class="section collection-slider-full">
<div class="collection-grid-slider">
<div class="collection-item">
<a href="shop-right-sidebar.html" class="collection-grid-link">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo2-ct-img1.jpg" src="assets/images/collection/demo2-ct-img1.jpg" alt="Women"/>
</div>
<div class="details">
<h3 class="collection-item-title">Women</h3>
</div>
</a>
</div>
<div class="collection-item">
<a href="shop-right-sidebar.html" class="collection-grid-link">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo2-ct-img2.jpg" src="assets/images/collection/demo2-ct-img2.jpg" alt="Men"/>
</div>
<div class="details">
<h3 class="collection-item-title">Men</h3>
</div>
</a>
</div>
<div class="collection-item">
<a href="shop-right-sidebar.html" class="collection-grid-link">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo2-ct-img3.jpg" src="assets/images/collection/demo2-ct-img3.jpg" alt="Kids"/>
</div>
<div class="details">
<h3 class="collection-item-title">Kids</h3>
</div>
</a>
</div>
<div class="collection-item">
<a href="shop-right-sidebar.html" class="ccollection-grid-link">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo2-ct-img4.jpg" src="assets/images/collection/demo2-ct-img4.jpg" alt="Accessories"/>
</div>
<div class="details">
<h3 class="collection-item-title">Accessories</h3>
</div>
</a>
</div>
<div class="collection-item">
<a href="shop-right-sidebar.html" class="collection-grid-link">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo2-ct-img5.jpg" src="assets/images/collection/demo2-ct-img5.jpg" alt="Cosmetic"/>
</div>
<div class="details">
<h3 class="collection-item-title">Cosmetic</h3>
</div>
</a>
</div>
<div class="collection-item">
<a href="shop-right-sidebar.html" class="collection-grid-link">
<div class="img">
<img class="blur-up lazyload" data-src="assets/images/collection/demo2-ct-img6.jpg" src="assets/images/collection/demo2-ct-img6.jpg" alt="Shoes"/>
</div>
<div class="details">
<h3 class="collection-item-title">Shoes</h3>
</div>
</a>
</div>
</div>
</section>
<!--End Collection Slider Section-->
Lorem ipsum dolor sit amet
<!--Brand Logo Slider-->
<section class="section logo-section">
<div class="row">
<div class="col-12 col-sm-12 col-md-12 col-lg-12">
<div class="logo-bar">
<div class="logo-bar__item">
<a href="brands-style2.html"><img class="blur-up lazyload" data-src="assets/images/logo/brandlogo1.png" src="assets/images/logo/brandlogo1.png" alt="brand" title="" /></a>
</div>
<div class="logo-bar__item">
<a href="brands-style2.html"><img class="blur-up lazyload" data-src="assets/images/logo/brandlogo2.png" src="assets/images/logo/brandlogo2.png" alt="brand" title="" /></a>
</div>
<div class="logo-bar__item">
<a href="brands-style2.html"><img class="blur-up lazyload" data-src="assets/images/logo/brandlogo3.png" src="assets/images/logo/brandlogo3.png" alt="brand" title="" /></a>
</div>
<div class="logo-bar__item">
<a href="brands-style2.html"><img class="blur-up lazyload" data-src="assets/images/logo/brandlogo4.png" src="assets/images/logo/brandlogo4.png" alt="brand" title="" /></a>
</div>
<div class="logo-bar__item">
<a href="brands-style2.html"><img class="blur-up lazyload" data-src="assets/images/logo/brandlogo5.png" src="assets/images/logo/brandlogo5.png" alt="brand" title="" /></a>
</div>
<div class="logo-bar__item">
<a href="brands-style2.html"><img class="blur-up lazyload" data-src="assets/images/logo/brandlogo6.png" src="assets/images/logo/brandlogo6.png" alt="brand" title="" /></a>
</div>
</div>
</div>
</div>
</section>
<!--End Brand Logo Slider-->
@optimal Instagram
<!--Instagram Section-->
<section class="section home-instagram">
<div class="instagram-section instagram-slider clearfix">
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-1.jpg" data-src="assets/images/instagram/ins-1.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-2.jpg" data-src="assets/images/instagram/ins-2.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-3.jpg" data-src="assets/images/instagram/ins-3.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-4.jpg" data-src="assets/images/instagram/ins-4.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-5.jpg" data-src="assets/images/instagram/ins-5.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-6.jpg" data-src="assets/images/instagram/ins-6.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-7.jpg" data-src="assets/images/instagram/ins-7.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
<div class="instagram-item">
<a href="#;">
<img src="assets/images/instagram/ins-8.jpg" data-src="assets/images/instagram/ins-8.jpg" alt="instagram" title="" class="blur-up lazyload" />
<span class="ins-icon"><i class="icon an an-instagram"></i></span>
</a>
</div>
</div>
</section>
<!--End Instagram Section-->
