Set width and height in a responsive way

I want this images to have the same width and height. How would you guys do that? Right now I'm using max-width 100% for the image and the width is ok. what about the height?

the html code above
<div class="hero__photos"> <div> <img src="<?php echo get_template_directory_uri() ?>/resources/assets/heading_img.jpg" alt="" /> </div> <div> <img src="<?php echo get_template_directory_uri() ?>/resources/assets/heading_img3.jpg" alt="" /> </div> </div>
image.png
Was this page helpful?