Why are my Dawn theme product images blurry on the front end?

Store Design
12 
    width="1100"
    height="{{ 1100 | divided_by: media.preview_image.aspect_ratio | ceil }}"
    data-media-id="{{ media.id }}"
    {% if variant_image %}class="product__media-item--variant"{% endif %}

Try playing with the numbers here