JSFiddle - React, Tailwind, and code Playground

by jorgeherrera

HTML

<div class="blur">
  <div class="carrusel">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae, alias earum! Iure, nisi, excepturi? Magni, tempore sequi provident impedit dignissimos, repellat nostrum officia id quas, in hic perspiciatis velit assumenda.</p>
  </div>
</div>

CSS

.blur{
  position: relative;
  background-color: red;
  filter: blur(2px);
  z-index: -1;
}
.carrusel{
  padding: 1em;
}
.carrusel p {
  position: relative;
  z-index: 3;
}