JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div style="width: 90%; margin: 0 auto;" class="collection__item-inner__2Juef">
<div class="collection__item-inner-aside__5YNe1"></div>
<div class="collection__item-inner-content__32oRI">
  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum   
</div>
</div>

<button class="slick-prev"></button>
<button class="slick-next"></button>

CSS

.collection__item-inner-content__32oRI {
    height: auto;
    background: green;
}


.slick-prev {
    position: absolute;
    left: 10%;
    top: 0;
}

.slick-next {
    position: absolute;
    right: 10%;
    top: 0;
}

JavaScript

$(document).ready(function() {
$('.slick-prev, .slick-next').css("top",$('.collection__item-inner-content__32oRI').height()-50+"%");


});