.loading-element{ border-radius: 50%; animation: loading-animation 1s linear infinite; } .mirror{ width: calc(50% + 1vw); height: calc(40% + 2vw); top: '50%'; left: '50%'; transform: translate(-50% -50%, -50%) rotate(-30deg); background-color: rgba(0, 0, 0, .3); animation: mirror-animation 1s linear infinite; } .fragment{ width: 3vw; height: 4vw; top: '50%'; left: '50%'; transform: translate(-50% -50%); background-color: rgba(255, 255, 255, .1); animation: fragment-animation 1s linear infinite; } .echo{ width: 2vw; height: 3vw; top: '50%'; left: '50%'; transform: translate(-50% -50%); background-color: rgba(255, 255, 255, .2); animation: echo-animation 1s linear infinite; }