Long Story Short:
Large photos get reduced in size to conform to the Style Guide and to reduce network bandwidth during page display.
The Full Story In Detail:
During the content creation process Image derivatives are created for both Mobile and Desktop displays. The HTML5 <picture> tag is used within the display views to call a properly sized image. Smaller files are called for mobile, larger for Desktop. Google search will rank a site higher if it's speeds are optimized for mobile content delivery.
/sites/snowmaid.com/sample.jpg 1,314px × 876px
/sites/snowmaid.com/files/styles/99/public/sample.jpg 1,200px × 800px
/sites/snowmaid.com/files/styles/74/public/sample.jpg 900px × 600px
/sites/snowmaid.com/files/styles/49/public/sample.jpg 600px × 400px
/sites/snowmaid.com/files/styles/24/public/sample.jpg 300px × 200px
Image styles needed for the Page Grid display
100% -> Scales to 1200px
75% -> Scales to 900px
50% -> Scales to 600px
25% -> Scales to 300px
Display Width "Token Rewrite"
Within the content display View, a small portion of the full file path is "Rewritten." This "rewrite" redirects the file path of an image to an image with the proper file size and proportions.
The [field_content_width] is replaced, this will cause the properly sized image to load.