Why is flexbox justify-content: space-between not working on wider desktop screens

I am trying to build a responsive hero section using CSS Flexbox. I have text on the left and an image on the right. My goal is for the elements to be spaced apart properly using justify-content: space-between. On my lap