title: how i can fix background images with differnt size
body: <p>am trying to make all background images like eachother , but i have one images smaller than others
  any advice i will be appreciated</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>[.row .col-md-3 a.gallery-pic {
      position: relative;
      display: block;
  }
  .row  .col-md-3 .gallery-pic .gallery-lay {
      position: absolute;
      background-color: rgba(22, 174, 202, 0.9);
      width: 90%;
      height: 90%;
      top: 5%;
      left: 5%;
      z-index: 5;
      
  }][1]</code></pre>
  </div>
  </div>
  </p>