body {
  background-image: url('/static/images/background.svg');
  background-repeat: no-repeat;
  background-size: 200%;
}

.loader {
  width: 100%;
  height: 272px;
  position: relative;
  background: transparent;
}

.loader::after {
  content: '';
  width: calc(100% - 30px);
  height: calc(100% - 15px);
  top: 15px;
  left: 15px;
  position: absolute;
  background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5) 50%, transparent 100%),
    linear-gradient(#DDD 10px, transparent 0),
    linear-gradient(#DDD 80px, transparent 0),
    linear-gradient(#DDD 50px, transparent 0),
    linear-gradient(#DDD 50px, transparent 0);
  background-repeat: no-repeat;
  background-size: 75px 272px, 100% 10px, 100% 80px, 100% 50px, 100% 50px;
  background-position: -544px 0, center 0, center 30px, center 130px, center 190px, center 250px;
  box-sizing: border-box;
  animation: animloader 1s linear infinite;
}

@keyframes animloader {
  to {
    background-position: 544px 0, center 0, center 30px, center 130px, center 190px, center 250px;
  }
}