.img-shimmer {
  position: relative;
  display: block;
  overflow: hidden;
}
.img-shimmer::before {
  content: "";
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) !important;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0;
  height: 150% !important;
  width: 300% !important;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
}
.img-shimmer.loaded-image::before {
  content: none;
}

@keyframes placeholderShimmer {
  from {
    background-position: -468px 0;
  }
  to {
    background-position: 468px 0;
  }
}