You could use this for the background images. Place in the loop,
<?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );
?>
and your div with background:
<div style="background: url(<?php echo $src[0]; ?> ) !important;">text </div>
If you place outside loop, you get same image for each div. You may be like “duh” but it would have saved me a couple minutes.
Thanks! Exactly what I needed to find! I tried placing this outside of the loop and it used the same pic for every background. Eventually I figured it out.