I am stuck trying to figure out the best technique to accomplish having two images side by side, with each image taking up 50% width of the view port.(please see the comp which is the desktop view.) The images would have to scale proportionality at the breakpoints, eventually stacking on top of each other on mobile. Should I just make two DIVs that have a fixed height and then just adjust that height at the breakpoints? or is there a more elegant way using % or flexbox? It seems like there could be a few options, for some reason I can't wrap my brain around which one would work best.
Any help would be greatly appreciated!