Preview:
<div id="tom-basic-overlay">
    <div id="main-overlay">
        <img src="4.jpg" alt="beautiful pic" id="img-basic" />
        <div id="text-overlay">
            <div id="tom">
                <h3 id="tom-text">High Coast Bridge</h3>
                <h4 id="tom-author">by Anders Jildén</h4>
            </div>
            <h4 id="text-cont-overlay">
                High Coast bridge also known as Höga Kusten Bridge is located in
                Sweden
            </h4>
        </div>
    </div>
    <div id="btns-overlay">
        <button class="btn">
            <p>READ</p>
        </button>
        <button class="btn">
            <p>BOOKMARK</p>
        </button>
        <button class="btn" id="icons-btn">
            <i class="far fa-heart"></i>
        </button>
        <button class="btn" id="icons-btn">
            <i class="fas fa-share-alt"></i>
        </button>
        <button class="btn" id="icons-btn">
            <i class="fas fa-ellipsis-v"></i>
        </button>
    </div>
</div>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter