body{
	margin: 0;
	padding: 0;
	height: 100vh;
}

.container{
	height:100%;
	width: 100%;
	background-size: 150px 150px;
	background-repeat: repeat;
	background-image: url(background.png);
	display: flex;
	flex-direction: row;
	position:absolute;
}

img{
	border: none;
	height: 80vh;
	width: auto;
	margin: 0 auto;
	display: block;
	margin-top: 10vh;
	opacity: 0.9;
	position: relative;
	filter: drop-shadow(10px 10px 4px #8d8282bf);
}

@media only screen
  and (max-device-width: 400px){
	body{
	height: 100dvh;
	width: 100dvw;
	}
	.container{
	background-size: 80px 80px;
	}
	img{
	max-height: 70vh;
	margin-top: 15vh;
	}
}

@media only screen
  and (max-device-width: 900px){
	body{
	height: 100dvh;
	width: 100dvw;
	}
	.container{
	background-size: 100px 100px;
	}
	img{
	max-height: 60vh;
	margin-top: 20vh;
	}
}

@media only screen
  and (max-device-width: 1300px){
	body{
	height: 100dvh;
	width: 100dvw;
	}
	.container{
	background-size: 140px 140px;
	}
	img{
	height: 50vh;
	margin-top: 25vh;
	}
}

@media only screen(){
	img{
		filter: drop-shadow(10px 10px 4px #8d8282bf);
	}
}