Three CSS tips for working with inconsistently sized logos

logos.html

<div class="photos">
  
  <img src="image-1.png" alt="Image">
  
  <img src="image-2.png" alt="Image">
  
  <img src="image-3.png" alt="Image">
  
  <img src="image-4.png" alt="Image">
  
  <img src="image-5.png" alt="Image">
  
</div>


<style type="text/css"> 
  
  .photos {
      background: #fff; 
  }

  .photos img {
      width: 15%; 
      aspect-ration 3/2; 
      object-width: contain; 
      mix-blend-mode: color-burn;  
  }
  
</style>