In the moving gallery, can I get image slider with images of different sizes and orientations (i.e. different width and height and a portrait and landscape)?

I found this css code and wonder if you can provide something that will work with the Serano theme Moving Gallery to create irregular sizes within the gallery? I am happy to keep the same height of 400 pixels. Just the widths would be irregular. Different lengths for widths only. Thank you in advance.

.slider { 
    position: relative; 
    max-width: 600px; /* Adjust as needed */ 
    margin: auto; 
    overflow: hidden; 
} 
 
.slides { 
    display: flex; 
    transition: transform 0.5s ease; 
} 
 
.slides img { 
    max-width: 100%; 
    max-height: 400px; /* Adjust for height */ 
    margin: auto; /* Center the images */ 
} 
 
button { 
    position: absolute; 
    top: 50%; 
    transform: translateY(-50%); 
    background-color: rgba(255, 255, 255, 0.7); 
    border: none; 
    cursor: pointer; 
    padding: 10px; 
    font-size: 18px; 
} 
 
.prev { 
    left: 10px; 
} 
 
.next { 
    right: 10px; 
}