September 4, 2019

<img srcset="
    @(heroImage.ImgixUrl())?w=440&auto=compress 1x,
     @(heroImage.ImgixUrl())?w=440&auto=compress&dpr=2 2x"
     src="@(heroImage.ImgixUrl())?w=440&auto=compress"
     alt="Sea Cuisine: Smart" />

<picture>
  <source media="(min-width: 64em)"
      srcset="
          @(image.ImgixUrl())?w=900&h=1200&auto=compress&fit=crop 1x,
          @(image.ImgixUrl())?w=900&h=1200&auto=compress&fit=crop&dpr=2 2x" />
  <source media="(min-width: 40em)"
      srcset="
          @(image.ImgixUrl())?w=900&h=1200&crop=entropy&auto=compress&fit=crop 1x,
          @(image.ImgixUrl())?w=900&h=1200&crop=entropy&auto=compress&fit=crop&dpr=2 2x" />
  <source srcset="
          @(image.ImgixUrl())?w=742&h=506&auto=compress&fit=crop&crop=entropy 1x,
          @(image.ImgixUrl())?w=742&h=506&auto=compress&fit=crop&crop=entropy&dpr=2 2x" />
  <img src="@(image.ImgixUrl())?w=900&h=1200&&fit=crop" alt="@image.Alt" />
</picture>

<picture>
  <source media="(min-width: 375px) and (max-width: 542px)" :srcset="ctaData.medium_rectangle.url">
  <source media="(min-width: 543px) and (max-width: 921px)" :srcset="ctaData.mobile_leaderboard.url">
  <source media="(min-width: 922px) and (max-width: 1288px)" :srcset="ctaData.leaderboard.url">
  <source media="(min-width: 1289px)" :srcset="ctaData.billboard.url">
  <img :src="ctaData.billboard.url">
</picture>

<img
  :srcset="itemData.data.listing_image.url + ', ' + itemData.data.listing_image.retina.url + ' 2x'"
  :src="itemData.data.listing_image.url"
  :alt="itemData.data.listing_image.alt"
>