Grid Areas Rearranging Not Working

I’m having an issue with grid areas not associating with their elements after rearranging them. The numerical position is correct when I look inside the area label but the elements are not correct. In the Grid I have each element wrapped in a DIV.

FIRST: Notice the area label names hdr-rides, hdr-meals

SECOND: in the mobile breakpoint I rearranged the areas and the hdr-rides and hdr-meals are displaying the icon-rides and icon-meals images instead if the h3 text headers


Here is my site Read-Only: [LINK](Webflow - GoGo Redesign)
(how to share your site Read-Only link)