#sd_object {
	width: 300px;
	height: 200px;
	animation: sd_translate 3s;
	animation-iteration-count: infinite;
	-webkit-animation: sd_translate 3s; /* Safari & Chrome */
	-webkit-animation-iteration-count: infinite;
	background-image: url("./Direction.png");
	background-size: contain;
}

@media(max-width:768px){
	#sd_object {
		width: 200px;
		height: 300px;
		background-image: url("./Direction_mobile.png");
	}
}

@keyframes sd_translate {
	0% { transform: scale(0.2); opacity: 1;}
	25% { transform: scale(0.05); opacity: 0.5;}
	75% { transform: scale(0.2); opacity: 1;}
	100% { transform: scale(0.05); opacity:0.5;}
}

@-webkit-keyframes sd_translate {
	0% { -webkit-transform: scale(0.2); opacity: 1;}
	25% { -webkit-transform: scale(0.05); opacity: 0.5;}
	75% { -webkit-transform: scale(0.2); opacity: 1.0;}
	100% { -webkit-transform: scale(0.05); opacity: 0.5;}
}