<div class="container" >
<img src="./images/image1.jpg" />
<div class="description" >Your description 1</div>
</div>
<div class="container" >
<img src="./images/image2.jpg" />
<div class="description" >Your description 1</div>
</div>
<div class="container" >
<img src="./images/image3.jpg" />
<div class="description" >Your description 1</div>
</div>.container > .description { display:none; }
.container:hover > .description { display: block; }
.owl-carousel .owl-item.active .slide{
font-size: 18px;
}
.owl-carousel .owl-item.active ~ .owl-item.active .slide{
font-size: 16px;
}
.owl-carousel .slide{
font-size: 16px;
}<script type="text/javascript">
$(document).ready(function() {
$(document).on('click', '.dropdown-menu', function (e) {
$(this).hasClass('keep_open') && e.stopPropagation(); // This replace if conditional.
});
});
</script>