テーマはDawn(バージョン15.3.0)使用しています。
画像バナーですが、3000px以上の画像を使用してもPCの表示の際、画像が荒く表示されてしまいます。
（スマホは鮮明に表示されます）
この場合ですが、下記のような対応を行えばよいのでしょうか。
お手数ですがご確認よろしくお願いします
image-banner.liquid
下記のminとmaxの部分を大きなサイズに変更する？？？
また、なぜデフォルトだと
max-width: 749pxでmin-width: 750pxとmaxの方が1小さいのでしょうか。
{%- if section.settings.image_height == ‘adapt’ and section.settings.image != blank -%}
{%- style -%}
@media screen and (max-width: 749px) {
#Banner-{{ section.id }}::before,
#Banner-{{ section.id }} .banner__media::before,
#Banner-{{ section.id }}:not(.banner–mobile-bottom) .banner__content::before {
padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
content: ‘’;
display: block;
}
}
@media screen and (min-width: 750px) {
#Banner-{{ section.id }}::before,
#Banner-{{ section.id }} .banner__media::before {
padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
content: ‘’;
display: block;
}