#set ($sitevisionUtils = $request.getAttribute('sitevision.utils'))
#set ($imageRenderer = $sitevisionUtils.imageRenderer)
$imageRenderer.clearSourceSetMode()

#if($imageId != "")
<div class="kh-image-overlay kh-clickable-container">
   #set($image = $resourceLocatorUtil.getNodeByIdentifier($imageId))
   $imageRenderer.update($image)

   $imageRenderer.setDescription($imageTitle)
   $imageRenderer.render()
   <div class="kh-image-overlay__info">
   	#if($heroHeading.length() > 0) 
      <div class="kh-image-overlay__info--heading">
         <h1 class="heading">
           <a href="$!heroNodeUri">$!heroHeading</a>
           <span class="kh-icon--link-arrow--white" aria-hidden="true"></span>
         </h1>
      </div>
      #end
      #if($heroPreamble.length() > 0) 
      <div class="kh-image-overlay__info--text">
         <p class="normal">
         	$!heroPreamble
         </p>
      </div>
      #end
      <div class="kh-image-overlay__info--link-text">
         <p class="normal">
         	Läs mer
            <span class="kh-icon--link-arrow--black" aria-hidden="true"></span>
         </p>
   	</div>   
   </div>
</div>
#end