body{
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 20vh;
	background-color:rgb(45, 137, 137);
}
.sprite {
	width: 512px;
    height: 172px;
	position: absolute;
    background-image: url("../images/sprite_music2.png") ;
    transform: translate(5%, 160%);
	animation: sprite 2.9s steps(26);
	animation-iteration-count: infinite;
	
}

@keyframes sprite {
	0% {background-position: 0 0px;}

	100% {background-position: 0 -4582.30px;} 
  }

@media(min-width: 740px ) {
	.sprite{
		transform: translate(10%, 135%);
		
		position: absolute;
		
	}
	
}
@media(min-width: 1100px ) {
	.sprite{
		transform: translate(-1%, 125%);

		position: absolute;
		left: 450px;
	}
	
}