HTML & CSS

CSS:
#main {
    width: 0%;
    height: 100%;
    background-color: lightgreen;
    margin: 0;
    padding: 0;
    position: fixed;
}

#sliderImage {
    position: relative;
    top: 20%;
    right: 50%;
    left: 0;
    width: 40%;
    background: red;
    margin: 0;
}

#image1, #image2, #image3 {
    width: 40%;
    position: absolute;
    right: 0;
}

#image2, #image3 {
    width: 10%;
    height: 300px;
}

HTML:
<div id="main">
	<div id="sliderImage">
        <img src="http://lorempixel.com/600/300/sports" alt="image 1" />
        <img src="http://lorempixel.com/600/300/sports" alt="image 2" id="image2"/>
        <img src="http://lorempixel.com/600/300/sports" alt="image 3" id="image3"/>
    </div>
</div>