How to line up two side images and one bigger image & keep aspect ratio

Question

I\'m trying to line up two images on the right side with the main image on the left and for the side images to be lined up at the top and bottom. Like in this image:

Answer 1

   

        

            
        
        

            
                
            
            
                
            
        
    

.wrapper{
    display: flex;
    overflow: hidden;
    max-height: 600px;
}
.main-image{
    width: 80%;
}
.main-image img{
    width: 100%;
    height: 100%;
}
.side-image{
    width: 20%;
}
.side-image img{
    width:100%;
    height: 50%;
}
  I set a max-height:600px you can change whatever you want.