<!-- latest news -->
<section class="latest-news">
    <h1 class="latest-news__title"><?= __('Posljednje novosti', 'dinamo'); ?></h1>
    <div class="latest-news__list">

        <?php $posts_query = new WP_Query( array(
            'post_type' => 'post',
            'posts_per_page' => 4
        ) );

        // The Loop
        if ( $posts_query->have_posts() ) {


            while ($posts_query->have_posts()) {
                $posts_query->the_post();
                $thumbnail_id = get_post_thumbnail_id( $post->ID );
                $image_alt = get_image_alt($thumbnail_id);

                ?>
                <a href="<?= get_the_permalink(); ?>" class="news-box-home">
                    <img data-src="<?= get_the_post_thumbnail_url(null, '9x6_small'); ?>" class="lazyload news-box-home__img" alt="<?= $image_alt; ?>">
                    <!-- <time class="news-box-home__date"><?= get_the_date('d.m.Y.') ?></time> -->
                    <div class="news-box-home__text-wrap">
                        <h2 class="news-box-home__title"><?= the_title(); ?></h2>
                    </div>
                </a>
            <?php }
            wp_reset_postdata();
        } ?>

    </div>
</section>