body{
	padding:0;
	margin:0;
	background: #e6d3d3;
	}
	
	.container{
	width: 100%;
	border: 4px solid #a52929;
	padding: 10px;
	}
	
	input[type="radio"]
	{
	width: 175px;
	height: 125px;
	border:  5px dashed #d400ff;
	display: block;
	-webkit-appearance:none;
		margin-top: 15px;
		cursor: pointer;
	}
	
	input[type="radio"]:checked{border:2px solid #011010;}
	
	.display-image{
	width: 700px;
	height: 500px;
	border: 2px solid white;
	position: absolute;
	top: 340px;
	right: 150px;
	background-size: auto;
	transition-duration: .5s;
	}
	
	#one{
	background-image: url(1.jpg);
	background-size:cover;

	
	}
	
	
	#two{
	background-image: url(2.jpg);
	background-size: 200px ;
	}
	
	#three{
	background-image: url(3.jpg);
	background-size:cover;
	}
	
	#four{
	background-image: url(4.jpg);
	background-size:cover;
	}
	
	#one:checked ~ .display-image{
	background-image: url(1.jpg);
	background-size: 700px;
	}
	
	#two:checked ~ .display-image{
	background-image: url(2.jpg);
	background-size: 700px;
	}
	#three:checked ~ .display-image{
	background-image: url(3.jpg);
	background-size: 700px;
	}	
	#four:checked ~ .display-image{
	background-image: url(4.jpg);
	background-size: 700px;
	}