Scaling images based on browser height

Hello!
On my folio www.apointin.space/illustrations I have a horizontal scroller (.content)
.Content is to expand to fill all the space between header-nav and footer-nav (120px max height each).
I’d like those images to always fill this height while respecting each images individual width, so that big resolutions get clear images and the still-popular 1366x768 doesn’t cut off the works.
Its an important feature as I have switched the default scrolling method to horizontal.

Thank you!


Here is my site Read-Only: https://preview.webflow.com/preview/apointinspace?utm_source=apointinspace&preview=7a8b38fa097dc06b1e957b253969c368&mode=preview