title: Size an image to full height or width depending on it's orientation?
body: <p>I need to have a list of images, I do not know the size of the images, some could be landscape, some could be portrait.</p>
  
  <p>The landscape ones should fit 100% width of parent li, the portrait ones should fit 100% height.</p>
  
  <p>The only method I can get to work is working out if the image is landscape or portrait server side and adding a relevant class, which in turn would make width 100% or height 100%.</p>
  
  <p>Is there a way to do this, maintaining aspect ratio, without using object fit or a background image?</p>