<?php

$vac_content = VACTemplate::ACF_content($wp_query);
?>

<div class="floating-image" aria-hidden="true">
    <img src="<?php 
echo VACTemplate::image_src($vac_content);
?>
" alt="">
</div>
        <div class="side-gallery__mask">
            <div class="side-gallery__container">
                <h2 class="side-gallery__title">
                    <?php 
echo $vac_content['vac_side_gallery_title'];
?>
                </h2>

                 <ol class="side-gallery__list">
                    <?php 
foreach ($vac_content['vac_side_gallery'] as $image) {
    ?>
                    <li class="side-gallery__item">
                        <figure>
                            <img src="<?php 
    echo VACTemplate::image_src($image['id']);
    ?>
"
                                 alt="<?php 
    echo $image['alt'];
    ?>
">
                            <figcaption><?php 
    echo $image['caption'];
    ?>
</figcaption>
                        </figure>
                    </li>
                    <?php 
}
?>
<div class="component">
    <div class="asides">
        <ol class="asides__list">
            <?php 
    foreach ($vac_content as $aside) {
        ?>
            <li class="aside-item" data-paragraph="<?php 
        echo $aside['aside_paragraph_number'];
        ?>
">
                <?php 
        if ($aside['aside_image'] && $aside['aside_image'] != '0') {
            ?>
                <figure class="aside-item__figure">
                    <img src="<?php 
            echo VACTemplate::image_src($aside['aside_image']);
            ?>
"
                         alt="">
                </figure>
                <?php 
        }
        ?>
                <div class="aside-item__text">
                    <?php 
        echo $aside['aside_text'];
        ?>
                </div>
            </li>
            <?php 
    }