疑似要素で画像を置いて、高さ幅を制御する

saruwakakun.com

背景画像にして、background-size: contain; にすればOK

content: ''にして、background-image: url()で画像を指定し、background-size: contain

で、width、heightで幅、高さで制御出来ます