Background Images

by Marcus Baptiste

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/js/bootstrap.min.js"></script>
<div class="row">
   <div class="col-sm-6">
     <img  alt="" class="img-1" src="http://pgmagick.readthedocs.io/en/latest/_images/transparent.png">
   </div>
   <div class="col-sm-6">
     <img  alt="" class="img-2" src="http://pgmagick.readthedocs.io/en/latest/_images/transparent.png">
   </div>  
</div>

CSS

.img-1, .img-2 {
  background-image: url( https://upload.wikimedia.org/wikipedia/commons/a/ab/Gallet_clamshell_600x600_movement.jpg);
  width: 100%; height: auto;
  display: inline-block;
}