Bootstrap Card Background Image Bug

Test

by Chris Rebert

HTML

<div class="card card-block">
  Satanism
</div>

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Pentagram4.svg/240px-Pentagram4.svg.png" class="blurred">

CSS

.card {
  width: 200px;
  height: 200px;
}

.card {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/64/Pentagram4.svg/240px-Pentagram4.svg.png');
  -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
          filter: blur(5px);
}
.blurred {
  -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
          filter: blur(5px);
}