<div class="facebook-feed">
   <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fswarnavahini%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
</div>

<style>
    .facebook-feed {
        position: relative;
        width: 100%;
        max-width: 364px; /* Matches iframe width */
        margin: 20px auto; /* Consistent spacing */

        overflow: hidden; /* Prevents iframe overflow */
        height: 390px; /* Matches iframe height */
    }

    .facebook-iframe {
        width: 100%;
        height: 100%;
        border: none; /* Ensures no default border */
    }

    /* Responsive adjustments */
    @media (max-width: 991px) {
        .facebook-feed {
            margin: 15px auto;
            border-radius: 15px;
            height: 500px; /* Slightly smaller for tablet */
        }
    }

    @media (max-width: 576px) {
        .facebook-feed {
            max-width: 100%; /* Full width on mobile */
            margin: 10px auto;
            border-radius: 10px;
            height: 400px; /* Smaller for mobile */
        }
    }
</style>