<picture class="tui-hero-image ratio-hotel-hero">
  <source media="(max-width: 768px)" srcset="{{fixImageUrl mainImage.url}}&w=768&h=373&q=65&fm=webp" type="image/webp">
  <source media="(max-width: 768px)" srcset="{{fixImageUrl mainImage.url}}&w=768&h=373&q=65&fm=jpg&fl=progressive" type="image/jpg">
  <source media="(max-width: 992px)" srcset="{{fixImageUrl mainImage.url}}&w=992&h=600&q=65&fm=webp" type="image/webp">
  <source media="(max-width: 992px)" srcset="{{fixImageUrl mainImage.url}}&w=992&h=600&q=65&fm=jpg&fl=progressive" type="image/jpg">
  <source media="(max-width: 1200px)" srcset="{{fixImageUrl mainImage.url}}&w=1200&h=600&q=65&fm=webp" type="image/webp">
  <source media="(max-width: 1200px)" srcset="{{fixImageUrl mainImage.url}}&w=1200&h=600&q=65&fm=jpg&fl=progressive" type="image/jpg">
  <source media="(max-width: 1440px)" srcset="{{fixImageUrl mainImage.url}}&w=1440&h=600&q=65&fm=webp" type="image/webp">
  <source media="(max-width: 1440px)" srcset="{{fixImageUrl mainImage.url}}&w=1440&h=600&q=65&fm=jpg&fl=progressive" type="image/jpg">
  <source media="(min-width: 1441px)" srcset="{{fixImageUrl mainImage.url}}&w=1920&h=600&q=65&fm=webp" type="image/webp">
  <source media="(min-width: 1441px)" srcset="{{fixImageUrl mainImage.url}}&w=1920&h=600&q=65&fm=jpg&fl=progressive" type="image/jpg">
  <img src="{{fixImageUrl mainImage.url}}&w=1440&h=600&q=65&fm=jpg&fl=progressive" alt="{{alt}}">
</picture>
<noscript>
  <div class="tui-hero-image">
    <img src="{{replaceImageDomain mainImage.url}}{{paramFit mainImage.url}}&w=768&h=373&q=65&fm=jpg" alt="{{alt}}">
  </div>
</noscript>
<script>
function setHotelHeroImageGalleryLink () {
  if (window.tuiImageGalleryLinkCreator) {
    window.tuiImageGalleryLinkCreator.init('picture.tui-hero-image', '.picture-mountain.open-tui-modal')
  }
}
if (window.addEventListener) {
    window.addEventListener('load', setHotelHeroImageGalleryLink, false)
  } else if (window.attachEvent) {
    window.attachEvent('onload', setHotelHeroImageGalleryLink)
  } else {
    window.onload = setHotelHeroImageGalleryLink
  }
</script>
