.image-preserve {
 width: 100%;           
  max-width: 100%;       
  height: 100%;        
  display: block;        
  object-fit: contain;   
  object-position: center; 
  border-radius: 4px;
  z-index: -1; 
  position: absolute;
  top: 0;
  bottom: 0;  
  left: 0;         
  margin: auto;
 }

/* If you have a specific height requirement for a grid or table cell */
.fixed-container {
  height: 300px;         /* Example fixed height */
  width: 100%;
  background-color: #f4f4f4; /* Fills the "empty" space if the image is narrow */
}