Bootstrap Card Background Image Bug

Test

by Chris Rebert

HTML

<script src="https://v4-alpha.getbootstrap.com/dist/js/bootstrap.min.js"></script>
<div class="container">
  <div class="row">
    <div class="col-md-12 ">

      <div class="card-columns">

        <div class="card card-block">
          <h5 class="card-title">Visitation</h5>
          <p class="card-text">When health issues and other circumstances keep us from getting to church, we want church to come to you. Whether you are in a hospital, rehabilitation center, or stuck at home, we have a team of Care Partners that can visit you.</p>
        </div>

        <div class="card card-inverse card-block bg-img">
          <h5 class="card-title">Prayer</h5>
          <p class="card-text">xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx xxxxxxxx We believe that prayer is an essential part of our walk with God. If you
            have a prayer request, we want to stand alongside you and cover it in prayer together. </p>
        </div>

        <div class="card card-block">
          <h5 class="card-title">Crisis Intervention</h5>
          <p class="card-text">There are times when we just do not know what to do, because life’s events have taken a tragic turn. During times like this, we want to be there for our church family to the best of our abilities. If you are in a time of crisis, please call
            our Care Ministries line at 253–475–6454 ext 135.</p>
        </div>

        <div class="card card-block">
          <h5 class="card-title">Financial</h5>
          <p class="card-text">We understand that life’s circumstances can cause seasons of financial hardship. At Champions Centre, we partner with many community resources and can help you to navigate and locate all the available resources.</p>
        </div>

        <div class="card card-block">
          <h5 class="card-title">Counseling</h5>
          <p class="card-text">Champions Centre...

CSS

@import url('https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css');

.bg-img::before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  background-image: url('https://ccwebcontent.blob.core.windows.net/resources/blobs/images/870x489/blob-hallwaymeet1.jpg');
  background-repeat: no-repeat;
  background-position: center;

  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;

/*transform: translateZ(0);*/
}