Responsive images for 3 different types of screens : Is this a good design?

Above image is a wireframe layout of my portfolio website. The navbar is at the bottom while the 2 images fill the remaining screen. The left and right picture will be contained in their own DIV (something like left picture DIV width set to 65% and right one set to 35%)

Based on this, I guess I need to prepare 3 different sets of images, one for large screens, one for mobile portrait and one for mobile landscape?

At first I was thinking just 2 sets would be enough, as large screens and mobile landscape can share the images, but then, some mobile landscape views (depending on device) have a very wide width to short height ratio, so the images won't look that good.