Hotspot

<div class="col-lg-6">
<div class="position-relative">
    <img src="../../assets/images/shop/shop-room-1.jpg" alt="shop room"
        class="img-fluid" />
    <a id="hint1" href="#!"
        class="btn btn-icon btn-sm btn-white rounded-circle pulse-button position-absolute bottom-50 end-25 hint2"
        data-bs-toggle="popover" data-bs-html="true" data-bs-trigger="focus"
        data-bs-placement="right" data-bs-content='<div class="d-flex align-items-center gap-3">
    <div>
        <img src="../../assets/images/shop/shop-look-img-5.jpg" alt="shop look" />
    </div>
    <div>
            <h3 class="fs-6 mb-1 ">Designer Sofa</h3>
        <span>$259.00</span>
        <a href="#!" class="text-link">+Add to cart</a>
    </div>
</div>'>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
            fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
            <path
                d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
        </svg>
    </a>
    <a id="hint2" href="#!"
        class="btn btn-icon btn-sm btn-white rounded-circle pulse-button position-absolute bottom-50 start-25 hint"
        data-bs-toggle="popover" data-bs-html="true" data-bs-trigger="focus"
        data-bs-placement="right" data-bs-content='<div class="d-flex align-items-center gap-3">
                <div>
                    <img src="../../assets/images/shop/shop-look-img-2.jpg" alt="shop look" />
                </div>
                <div>
                        <h3 class="fs-6 mb-1 ">Flower Pot</h3>
                    <span>$259.00</span>
                    <a href="#!" class="text-link">+Add to cart</a>
                </div>
</div>'>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
            fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
            <path
                d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
        </svg>
    </a>
</div>
</div>