.slider-container
{
    width: 380px;
    height: 400px;
    background-color: rgb(251, 255, 0);
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: center;
    overflow: hidden;
}
.image-container
{
    width: 1200px;
    background-color: red;
    height: 400px;
    clear: both;
    position: relative;
   
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -o-transition: left 2s;
    transition: left 2s;
}

#slider-image-1:target ~ .image-container
{
   left: -20px;
}
#slider-image-2:target ~ .image-container
{
   left: -410px;
}
#slider-image-3:target ~ .image-container
{
   left: -800px;
}

.button-container
{
	position: relative;
	top: -20px;
}
.slider-change
{
	display: inline-block;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background-color: black;
}