/* *****************************************************************************
*
*  Img
*
* ***************************************************************************** */
.img-lazy-load-container {
  display: inline-block;
  padding-bottom: 56.25%;

  &--square {
    padding-bottom: 100%;
  }

  &:not(.loaded):before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url("/images/loader-dots-yellow.gif") no-repeat center center;
    background-size: 3rem;
  }

  &__img {
    @extend .position-absolute--center;
    @include transitions(opacity 1s);
    @include size(100%);
    opacity: 0;
    object-fit: cover;
    transform: translate3d(-50%, -50%, 0)!important;

    &.loaded {
      opacity: 1;
    }
  }
}

.responsive-95by100 {
      height :25rem;
      @include media-scale(width, 100%, 23.75rem, 23.75rem);            
}