<div id="instagram-feed1" class="instagram_profile">
    <input id="instagram" type="hidden" value="<?php echo $social_aim ?>"/>
    <img class="instagram_profile_image" src="..." alt="Instagram profile pic">
    <p class="instagram_username" >@Instagram (<a href="...">@instagram</a>)</p>
    <p class="instagram_biography">....</p>
</div>
<script type="text/javascript" src="./instagram.js"></script>
<script type="text/javascript">
          
          (function ($) {
          
            $(window).on('load', function () {
              const username = document.querySelector('#instagram').value;
              let carlos = {
                'host': "https://www.instagram.com/",
                'username': username,
                'container': "#instagram-feed1",
                'display_profile': true,
                'display_biography': true,
                'display_gallery': true,
                'callback': null,
                'styling': true,
                'items': 12,
                'items_per_row': 3,
                'margin': 0,
                'lazy_load': true,
                'on_error': console.error
              };
              $.instagramFeed(carlos);
            });
          })(jQuery);
</script>
<style>
    #instagram-feed1{
        height: 350px;
        overflow-y: scroll;
        margin-top:20px !important;
    }
</style>