/* Brick */

.box.imageshadow-box {
}

.container-img {
  position: relative;
  margin: 7%;
  transition: transform .4s ease;
}
.container-img:hover {
  transform: scale(1);
}
/*--- IMG takes the full size of container-img. ---*/
.container-img img {
  max-width: 100%;
  border-radius: 12px;
}

/*--- Setup the image shadow. ---*/
.img-shadow {
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  bottom: 0;
  transform: translateY(8%);
  left: 5%;
  width: 90%;
  height: 100%;
  z-index: -1;
  -webkit-filter: blur(12px);
  filter: blur(12px);
  opacity: .7;
  transition: transform .4s ease, width .4s ease, opacity .4s ease;
}
.container-img:hover .img-shadow{
  transform: translateY(5%) scale(1.12);
  opacity: .9;
}

/*--- Remove shadow for IE and Edge (does not support blur filter). ---*/
@supports (-ms-ime-align: auto) {
  .img-shadow {
    display: none;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .img-shadow {
    display: none;
  }
}