<?php
$loop = new WP_Query([
'post_type' => 'blogs',
'post__in' => [ get_field('id'), get_field('id_2'), get_field('id_3')]
]); ?>
<?php while ($loop->have_posts()) : $loop->the_post(); ?>
<div class="block__project blogs col-md-3 col-sm-12" style="width: 100%; height: 300px !important; padding: 0; position: relative; margin-bottom: 15px;">
<span class="block__project_title blogs" style="position: absolute; top: 10px; bottom: auto; left: 10px; max-width: 480px;">
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</span>
<div class="blogs__template" style="height: 100%; position: relative; text-align: right;">
<div class="" style="z-index: 2; height: 100%; width: 100%; position: absolute; background: linear-gradient(90deg, rgba(218,223,225,1) 45%, rgba(255,255,255,0) 99%);"> </div>
<div class="ellipsis" style="position: absolute; z-index: 3; top: auto; bottom: 50px; left: 20px; max-width: 500px; max-height: 140px; overflow: hidden; text-overflow: ellipsis;"><?php the_field('post_text'); ?></div>
<img src="<?php the_field('post_avatar'); ?>" alt="" style="height: 100%;">
</div>
</a>
<!-- <div class="blogs__text" style="position: absolute; left: 10px; bottom: 10px; color: #000; padding: 5px; background-color: #fff; display: flex; justify-content: center; align-items: center;">
<?php the_field('post_text'); ?>
</div> -->
</div>
<?php endwhile; ?>