Mobile-First Blogr Landing Page using Flexbox and Grid with GSAP

Hello, it's been awhile. I have to say this challenge really had me depressed because it's my first landing page lol. The layout is very tricky for me and it took me time to pull it off. I hope someone here could check out my code because it's kind of a mess and I'm not really sure if it's okay. It's my first time doing the mobile-first approach. Also I tried to use BEM in doing css. One thing that bothers me is that when the page opens for the first time on mobile, the second image isn't centered. It only gets fixed on reload. Do you guys know why? I'm hoping for any honest feedback.