Transparent slides in owl-carousel?

Question

Owl Carousel

How to make transparent slides like in the picture?

.owl-stage-outer {
overflow: visible!important;
}

<div class="owl-carousel owl-theme">
          <div class=""><img src="/reviews/1.jpg" alt=""></div>
          <div class=""><img src="/reviews/2.jpg" alt=""></div>
          <div class=""><img src="/reviews/3.jpg" alt=""></div>
          <div class=""><img src="/reviews/4.jpg" alt=""></div>
          <div class=""><img src="/reviews/5.jpg" alt=""></div>
        </div>

Answer 1

I'll try using stagePadding.
I tried with transparency like this:

if($('div').hasClass('active'))
                $('div.owl-item').css('opacity', '1')
             else $('div.owl-item').css('opacity', '0.7');

For some reason opacity 1 is being added to all slides.
Did it like this:

.owl-item {
  opacity:0.7!important;
}
.active {
  opacity:1!important;
}