body{
	padding:0;
	margin:0;
	background:rgb(255, 254, 254);
	}
	
	.container{
	width: 1500%;
	height: 535px;
	border: 1px solid #ff0000;
	padding-right: 300px;
	}
	
	input[type="radio"]
	{
	width:175px;
	height: 112px;
	border:  5px solid #00ff00;
	display: block;
	-webkit-appearance:none;
		margin-top: 15px;
		margin-right: 30px;
		cursor: pointer;
	}
	
	input[type="radio"]:checked{border:2px solid #00baff;}
	
	.display-image{
	width: 600px;
	height: 400px;
	
	position: absolute;
	top: 20px;
		right: 50px;
position: center;
	transition-duration: .5s;
	}
	
	#one{

	background-image: url(s13a.jpg);
	background-size:cover;
	width:  300px;
	}
	
	
	
	#two{
	background-image: url(s13b.png);
	background-size:cover;
	}
	
	
	#three{
	background-image: url(s13c.jpg);
	background-size:cover;
	}
	
	
	#four{
	background-image: url(s13d.jpg);
	background-size:cover;
	}
	
	#one:checked ~ .display-image{
	background-image: url(s13a.JPG);
	background-repeat: no-repeat;

	}
	
	#two:checked ~ .display-image{
	background-image: url(s13b.JPG);
	background-repeat: no-repeat;
	}
	#three:checked ~ .display-image{
	background-image: url(s13c.JPG);
	background-repeat: no-repeat;
	}	
	#four:checked ~ .display-image{
	background-image: url(s13d.JPG);
	background-repeat: no-repeat;
	}