SOURCE

<div class="main">
  <blockquote>"The more often we see the things around us &#45; even the beautiful and wonderful things &#45; the more they become invisible to us. That is why we often take for granted the beauty of this world: the flowers, the trees, the birds, the clouds &#45;
    even those we love. Because we see things so often, we see them less and less."
  </blockquote>
</div>

body,
.main::before {
  background: url(https://images.unsplash.com/photo-1558875612-98360f066bad) 0 / cover fixed;
  overflow: hidden;
}

.main {
  position: relative;
  margin: 0 auto;
  margin-top: 50px;
  padding: 10px 5px;
  background: rgba(255,208,28,.6);
  color: #000;
  font-size: 16px;
  font-weight: 300;
  font-family: arial, sans-serif;
  line-height: 1.5;
  border-radius: 10px;
  width: 60%;
  box-shadow: 5px 20px 80px rgba(0,0,0,.2);
  overflow: hidden;
}

.main::before {
  content: '';
  position: absolute;
  margin: -35px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  filter: blur(10px);
  z-index: -1;
}