.animation-container{width:300%;height:40px;place-content:center;display:flex;top:0;left:0;right:0;bottom:0;margin:auto}.sound-container{position:relative;width:50%;height:100%;place-content:center;display:flex;margin-left:4px}.animation-container .sound-container>div{position:relative;height:100%;width:12px;display:inline-block;margin:0 10px;border-radius:5px;animation:wave 3s infinite ease-in-out;-webkit-animation:wave 3s infinite ease-in-out}.animation-container .sound-container .rect-2{animation-delay:.1s;-webkit-animation-delay:.1s}.animation-container .sound-container .rect-3{animation-delay:.2s;-webkit-animation-delay:.2s}.animation-container .sound-container .rect-4{animation-delay:.3s;-webkit-animation-delay:.3s}.animation-container .sound-container .rect-5{animation-delay:.4s;-webkit-animation-delay:.4s}.animation-container .sound-container .rect-6{animation-delay:.5s;-webkit-animation-delay:.5s}.animation-container .sound-container .rect-7{animation-delay:.6s;-webkit-animation-delay:.6s}.animation-container .sound-container .rect-8{animation-delay:.7s;-webkit-animation-delay:.7s}.animation-container .sound-container .rect-9{animation-delay:.8s;-webkit-animation-delay:.7s}.animation-container .sound-container .rect-10{animation-delay:.9s;-webkit-animation-delay:.9s}.animation-container .sound-container .rect-11{animation-delay:1s;-webkit-animation-delay:1s}.animation-container .sound-container .rect-12{animation-delay:1.1s;-webkit-animation-delay:1.1s}.animation-container .sound-container .rect-13{animation-delay:1.2s;-webkit-animation-delay:1.2s}.animation-container .sound-container .rect-14{animation-delay:1.3s;-webkit-animation-delay:1.3s}.animation-container .sound-container .rect-15{animation-delay:1.4s;-webkit-animation-delay:1.4s}.animation-container .sound-container .rect-16{animation-delay:1.5s;-webkit-animation-delay:1.5s}@keyframes wave{0%,to{transform:scaleY(3);background:#fff}16.67%{transform:scaleY(2);background:#fff}33.33%{transform:scaleY(2);background:#fff}50%{transform:scaleY(2);background:#fff}66.67%{transform:scaleY(2);background:#fff}83.34%{transform:scaleY(2);background:#fff}}@media (max-width: 768px){.animation-container,.sound-container{width:100%}.animation-container .sound-container>div{margin:0 5px}.animation-container .sound-container .rect-11,.animation-container .sound-container .rect-12,.animation-container .sound-container .rect-13,.animation-container .sound-container .rect-14,.animation-container .sound-container .rect-15,.animation-container .sound-container .rect-16{display:none}}