front-page.php

<section class="front-page boxes clearfix">
        <!-- <div class="container clr"> -->
            <div>
            
            <?php
                $args = array(
                    'post_type' => 'portfolio',
                    'posts_per_page'=> 5,
                    'order' => 'ASC'
                );
                $featured = new WP_Query($args);
            ?>
            <?php $priority_box = 0; ?>
            <?php if( $featured->have_posts() ) : while( $featured->have_posts() ) : $featured->the_post(); ?>
            <?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'forsidu_box' );?>
            <?php $overlay_color = get_field('litur'); ?>

                <div class="box single-box box-<?php echo $priority_box; ?>" style="background:url('<?php echo $image[0]; ?>');background-size:cover;">
                    <h1><?php the_title(); ?></h1>
                    <div class="the_link">
                        <a href="<?php the_permalink(); ?>">Sjá nánar</a>
                    </div>
                    <div class="overlay <?php echo $overlay_color; ?>"></div>
                </div>

                <?php $priority_box++; ?>
            <?php endwhile; endif; ?>

            <a href="<?php the_permalink(); ?>"class="box single-box box-5">
                <h1>Sjá allar þjónustur</h1>
                <div class="overlay green allar-thjonustur"></div>
            </a>
        </div>
    </section>