<?php
	$images = get_field('realizacie_galeria');
	if( $images ): ?>
	    <ul id="hexGrid">
	        <?php foreach( $images as $image ): ?>
          	 <div class=hexa-wrap>
               <a class="hexa-anchor" rel="lightbox" href="<?php echo esc_url($image['url']); ?>">
          		<svg class="svg-class" version="1.1" xmlns="http://www.w3.org/2000/svg" width="174" height="200" viewbox="0 0 173.20508075688772 200" style="position: absolute;"><path d="M77.94228634059948 4.999999999999999Q86.60254037844386 0 95.26279441628824 4.999999999999999L164.54482671904333 45Q173.20508075688772 50 173.20508075688772 60L173.20508075688772 140Q173.20508075688772 150 164.54482671904333 155L95.26279441628824 195Q86.60254037844386 200 77.94228634059948 195L8.660254037844387 155Q0 150 0 140L0 60Q0 50 8.660254037844387 45Z"></path></svg>
	            <li class="hex hexGallery">
	              <div class="hexIn">
	                <div class="hexLink" rel="lightbox" href="<?php echo esc_url($image['url']); ?>">
	                     <img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
	                </div>
	                </div>
	                <p><?php echo esc_html($image['caption']); ?></p>
	            </li>
                </a>
         	 </div>
	        <?php endforeach; ?>
	    </ul>
	<?php endif; ?>