Layouts for HTML banners

<div class="easybanner-layout-book">
    <img src="{{media url='wysiwyg/samsung.png'}}" alt="" /> <!-- Image will be hidden on small screens -->
    <div class="content"> <!-- Add 'center' class name to center the text -->
        <h2 class="easybanner-title"><strong>May 10.</strong></h2>
        <p>
            A wonderful serenity has taken possession of my entire soul, like
            these sweet mornings of spring which I enjoy with my whole heart.
        </p>
        <p>
            I am alone, and feel the charm of existence in this spot, which was
            created for the bliss of souls like mine. I am so happy, my dear friend,
            so absorbed in the exquisite sense of mere tranquil existence,
            that I neglect my talents.
        </p>
        <p>
            I should be incapable of drawing a single stroke at the present
            moment; and yet I feel that I never was a greater artist than now.
        </p>
    </div>
</div>

<div class="easybanner-layout-magazine">
    <img src="{{media url='wysiwyg/pexels-photo-113776-large.jpeg'}}" alt="" />
    <a href="{{swissup_easybanner_url}}" title="View most popular books" class="easybanner-title bottom">
        Most Popular Books
    </a>
</div>