I'm experiencing an issue with correctly loading the responsive image using scrset.
The sizes attribute I am using is:
sizes="(max-width: 767px) 95vw, 768px"
and for the srcset attribute:
srcset="https://cdn.runningshoesguru.com/wp-content/uploads/2018/07/Nike-Pegaus-35-Turbo-photo-9.jpg 1280w, https://cdn.runningshoesguru.com/wp-content/uploads/2018/07/Nike-Pegaus-35-Turbo-photo-9-300x225.jpg 300w, https://cdn.runningshoesguru.com/wp-content/uploads/2018/07/Nike-Pegaus-35-Turbo-photo-9-768x575.jpg 768w, https://cdn.runningshoesguru.com/wp-content/uploads/2018/07/Nike-Pegaus-35-Turbo-photo-9-633x474.jpg 633w"
My expectation was to load the 768px version on desktop but it always loads the full-size version instead.
You can view the complete html/css here:
Is there something I might be doing incorrectly?
Thanks!