I am having an issue with my hero section. I designed one hero to be shown on desktop and tablet but then be hidden at mobile viewports. I then designed a second hero section that would only be shown at mobile viewports and hidden on desktop and tablet. Everything works fine, except the mobile hero section. The image should be centered within a Flex div, but it seems to completely ignore the Flexbox unless I show it on all viewports, then it is positioned correctly. Please view this video:
@Brando Any idea as to what I am doing wrong?