Change parent size with this same ratio and resize all children with this same positions and ratio using css/js

Question

I have parent element, parent element should be responsive and should change size to fit to screen with this same ratio aspect, like on screen below (grey - screen, red - pa