Bootstrap carousel with fixed height: center image horizontally or vertically based on image dimensions

Question

I have a bootstrap carousel with a fixed height. Here is the CSS:

.carousel-custom .carousel-outer {
  position: relative;
}


@media(min-width: 992px){
    .car         


        

Answer 1

Alright, I've been fiddling around for a while now. Ended up with the result below. Hope it helps and answers your question (at least for a small part).

    
    
    
    
    
    
    


    

    
    

        
        

            

            

            

        
        
        

            

                
                

                

                    
Caption 1
                
            
            

                
                

                

                    
Caption 2
                
            
            

                
                

                

                    
Caption 3
                
            
        
        
            
        
        
            
        
    
    
    

Again, hope it helps!