Horizontal and Vertical Image Size

Using Mystile theme.
Using Woocommerce for product processing.

I have a problem with my horizontal and vertical images staying proportional.

I have two product image sizes: (some are vertical and some are horizontal)
2083w x 1197h
1197w x 2083h
They are rectangular, not square, which seems to be the problem.

Leaving all image settings as they are originally:
Mystile Media Settings are:
Thumbnail Size 150 x150
Medium 300 x300
Large 1024 x 1024

Woocommerce Product Settings
Catalog Images 150 x150
Single Product Images 300 x300
Product Thumbnails 90 x 90

Once the products are loaded and set up, the system does the following: (I went into “Inspect Element” on the images to find out the following information.)
For Horizontal Images:
In the “Inspect Element” area:
The left box with code sets the image as follows:
2083w x 1197h becomes
Catalog Images 150 x 85
Single Product Images 300 x 171
The right box at the very end (in the small diagram) of the listing reads for image size:
Catalog Images 233.459 x 131.975
Single Product Images 526.632 x 299.991

For Vertical Images:
In the “Inspect Element” area:
The left box with code sets the image as follows:
1197w x 2083h becomes
Catalog Images 85 x 150
Single Product Images 171 x 300
The right box at the very end (in the small diagram) of the listing reads for image size:
Catalog Images 233.459 x 411.9
Single Product Images 526.6 x 923.9

PROBLEM:
Note that the vertical image becomes huge compared to the horizontal image. I can’t get the settings to work for both horizontal rectangles and vertical rectangles at the same time.

Is there any way to accommodate for both size rectangles? How can I get the images to stay in their proper proportions?

Thank you so much anyone that can help.