/* CSS for full background image START */
body, html {
  height: 100%;
}

.bg {
  /* The image used */
  background-image: url("../media/sprout-1920.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* CSS for full background image END */


/* CSS for image swap */

 .card {
        width: 100px;
        height: 166px;
        position: relative;
        display: inline-block;
        margin: 50px;
    }
    .card .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .card:hover .img-top {
        display: inline;
    }
    
/* END CSS for image swap */