.o-img {
  display: inline-blocks;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  vertical-align: top;
}
.o-img__img {
  width: 100%;
  height: 100%;
}
.o-img--loading {
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
  animation: oImgLoading 0.5s infinite linear;
}
.o-img--done {
  animation: oImgFade 0.5s;
}
@-moz-keyframes oImgFade {
0% {
    opacity: 0;
}
}
@-webkit-keyframes oImgFade {
0% {
    opacity: 0;
}
}
@-o-keyframes oImgFade {
0% {
    opacity: 0;
}
}
@keyframes oImgFade {
0% {
    opacity: 0;
}
}
@-moz-keyframes oImgLoading {
50% {
    opacity: 0.5;
}
}
@-webkit-keyframes oImgLoading {
50% {
    opacity: 0.5;
}
}
@-o-keyframes oImgLoading {
50% {
    opacity: 0.5;
}
}
@keyframes oImgLoading {
50% {
    opacity: 0.5;
}
}