.countdown { position: fixed; left: calc(50% - 66px); top: calc(50% - 66px); width: 132px; height: 132px; z-index: 200; background-size: 100% 100%; background-repeat: no-repeat; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; opacity: 1; &.step1{ background-image: url("./imgs/step1.png"); } &.step2{ background-image: url("./imgs/step2.png"); } &.step3{ background-image: url("./imgs/step3.png"); } &.isAnimating { transform: scale(0.5); opacity: 0; } }