<?php /*

Element label: Paragraph on background image
Element name: element15

*/

$image_desktop_id = get_sub_field('desktop_image');
$image_desktop = wp_get_attachment_image_src($image_desktop_id, 'full')[0];
$image_desktop_alt = get_image_alt($image_desktop_id);

$image_mobile_id = get_sub_field('mobile_image');
$image_mobile = wp_get_attachment_image_src($image_mobile_id, 'full')[0];
$image_mobile_alt = get_image_alt($image_mobile_id);

?>
<section class="text-img-block">
    <picture>
        <source media="(min-width:992px)" data-srcset="<?php echo $image_desktop; ?>">
        <img data-src="<?php echo $image_mobile; ?>" class="lazyload text-img-block__img" alt="<?= $image_desktop_alt; ?>">
    </picture>
    <div class="container">
        <div>
            <h1><?= get_sub_field('title'); ?></h1>
            <div>
                <?= get_sub_field('text'); ?>
            </div>

        </div>
    </div>
</section>