Preview from share link looks different than preview from designer, why and how to fix?

When looking at a section in phone breakpoint on desktop it looks good but then when I click the share link through my phone that section looks messed up. Why is this happening and what can I do to fix this? I will post screenshots below: first one is from desktop.

Okay it is fixed now, i had to set a width in the image settings to get it to match what it looked like in preview mode from designer. when it was set to auto it would get al messed up when previewing the share link from my phone. not sure why this happened still. shouldn’t preview mode from the designer match what it looks like from preview mode from the link?