Fix scaling and alignment on couple HTML pages (flexbox/grid CSS)

We have 3 web-pages (pure HTML/CSS) that should be fixed to be rendered correctly on mobile devices in horizontal and vertical modes. They are available online at [login to view URL] Below is the original description how everything should work. Overall, current design follows the spec, but has some problems with rendering (see some problems in the attached [login to view URL]). Also, I have attached original design how everything should look. Your task will be to fix these design and scaling problems, so that everything will be correctly scaled and aligned. Original description: --------------------- All should open in full screen mode with respective elements scaling and rotation for vertical and horizontal orientations. All graphic elements are provided in large size, and should be scaled down to look proportional to provided design for any screen resolution. 1. [login to view URL] design is shown on the fig1. It is a simple grey background with logo on it, logo will disappear (fade) after 2 sec and we automatically go to the web page [login to view URL] 2. [login to view URL] is shown on fig2-fig4 (horizontal) and fig5 (vertical). It is a language select dialog. - when user selects language, all text elements are automatically changed to selected language - when user press "Start" button, it will go to next page [login to view URL] in the selected language with URL argument, like "[login to view URL]" - when user press link at the bottom "Terms&Conditions" the popup dialog is opened (fig6), this popup will show text located on [login to view URL] ([login to view URL], [login to view URL]), can be scrolled and can be closed by pressing X icon. - page [login to view URL] must set a cookie with selected language. Next time when the user opens [login to view URL], it should check the cookie, and immediately redirect him to [login to view URL] (with selected language as an URL parameter, see further) if the cookie is set. 3. Page [login to view URL] (fig7, fig8) is just a one full-screen big picture, that is different for landscape and portrait mode ([login to view URL], [login to view URL], [login to view URL], [login to view URL], [login to view URL], [login to view URL]). Button "Let me try" is also translated to the language selected on the previous step ("Let me try", "Biar saya cuba", "让我试试"). When the user presses the button LET ME TRY, he will be redirected to [login to view URL] (not provided, not required to design). Please, don't use big sized CSS frameworks, because this should work in offline mode. Just HTML, pure CSS, JS, no minifying.