Use {{ }} inside {{!! !!}} in Laravel blade [duplicate]

I am saving my blog post as HTML into the database. An entry would look like this

<article>
    <h2>Simple Method to add WhatsApp button to Shopify Manually &#8211; Hard Coding</h2> 
    <figure>
        <img width="1024" height="366" src="{{ asset('storage/posts/screenshot-1024x366.jpg') }}" />
    </figure>
</article>

I display this in my template as. {!! $post->content !!}

Problem: Image is not displaying. Instead of displaying the actual asset link. It displays the directive {{ asset('storage/posts/whatsapp.jpg') }}

How can I escape the blade curly brace syntax and print the actual URL in the blade?

I want {{ asset('storage/posts/whatsapp.jpg') }} to display as http://127.0.0.1:8000/storage/posts/whatsapp.jpg