.l-animation {
  --l-animation-width: 5vw;
  position: relative;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
}
.l-animation__svg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: var(--l-animation-width);
  height: calc(var(--l-animation-width) * 1.5625);
  overflow: visible;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.l-animation__svg.is-ready {
  opacity: 1;
}
.l-animation__svg:nth-child(2) {
  transform: translateX(-65px) translateY(-20px) rotate(12deg);
}
.l-animation__svg:nth-child(3) {
  transform: translateX(-130px) translateY(-40px) rotate(24deg);
}
.l-animation__svg:nth-child(4) {
  transform: translateX(-195px) translateY(-60px) rotate(36deg);
}
.l-animation__svg:nth-child(5) {
  transform: translateX(-260px) translateY(-80px) rotate(48deg);
}
.l-animation__svg:nth-child(6) {
  transform: translateX(-325px) translateY(-100px) rotate(60deg);
}
.l-animation__svg:nth-child(2) {
  transform: translateX(-65%) translateY(88%) rotate(12deg);
}
.l-animation__svg:nth-child(3) {
  transform: translateX(-155%) translateY(163%) rotate(24deg);
}
.l-animation__svg:nth-child(4) {
  transform: translateX(-270%) translateY(226%) rotate(36deg);
}