How To Use Blogger Post Featured Image as Background Image

Here's a code to grab the first image of each post and apply it as an element background image in each post.

<b:loop values='data:posts' var='post'>
<div class='card' expr:style='&quot;background-image: url(\&quot;&quot; + data:post.featuredImage + &quot;\&quot;);&quot;'>
</b:loop>

You can see the demo on our homepage.