page.php

<?php get_header(); ?>

<main class="interior">

  <?php if ( have_posts() ) : ?>

    <?php while ( have_posts() ) : the_post(); ?>

      <?php

        //$image = get_field('image');

        if( !empty($image) ):

        // vars
        $url = $image['url'];
        $title = $image['title'];
        $alt = $image['alt'];
        $caption = $image['caption'];

        // thumbnail
        $size = 'full';
        $thumb = $image['sizes'][ $size ];
        $width = $image['sizes'][ $size . '-width' ];
        $height = $image['sizes'][ $size . '-height' ];

        ?>

    <article class="intro-image" data-type="background" data-speed="6" style="background-image: url(<?php echo $url; ?>);">

        <?php if( $caption ): ?>

          <div class="wp-caption">

        <?php endif; ?>


            <?php if( $caption ): ?>

            <p class="wp-caption-text"><?php echo $caption; ?></p>

          </div>

            <?php endif; ?>

        <?php endif; ?>

    </article>

    <article>

      <section class="col-8-12 no-float">

        <?php the_content(); ?>

      </section>

    </article>

    <?php endwhile; ?>


    <?php else : ?>


  <?php endif; ?>

</main><!-- .interior -->

<?php get_footer(); ?>