<style>
  .footer-top > .container {
    max-width: none;
    padding-left: 20px;
    padding-right: 20px;
  }
  .photo-instagrams {
    margin-top: -10px;
    padding-bottom: 10px;
  }
  .photo-instagrams .col-xl-2 {
    max-width: 11.1111%;
    flex: 0 0 11.1111%;
  }
  .photo-instagrams .item .content {
    font-size: 1.5rem;
    background: none;
    opacity: 1;
    visibility: visible;
  }
  .photo-instagrams .item .content i {
    bottom: 1.25rem;
    right: 1.25rem;
    top: auto;
    left: auto;
}
  @media (max-width: 767px) {
    .photo-instagrams .col-xl-2 {
      max-width: 33.33%;
      flex: 0 0 33.33%;
    }
  }
  @media (max-width: 575px) {
    .photo-instagrams .col-xl-2 {
      max-width: 50%;
      flex: 0 0 50%;
    }
  }
</style>
<div class="widget widget-block w-100 text-center">
  <div class="block mb-0">
    <div class="porto-block">
      <div class="vc_row wpb_row row">
        <div class="vc_column_container col-md-12">
          <div class="wpb_wrapper vc_column-inner">
            <h2 style="font-size: 1.125rem; line-height: 1.2; text-align: center; letter-spacing: -0.01em;" class="vc_custom_heading mb-1 text-uppercase">from our instagram</h2>
            <h6 style="font-size: 0.8125rem; color: #777777; line-height: 1.2; text-align: center; font-weight: 400; letter-spacing: 0.005em;" class="vc_custom_heading mb-4">@portoecommerce</h6>
            {{block class="Smartwave\Porto\Block\Template" name="instagram" padding_item="10px" template="Smartwave_SocialFeed::instagramphotos.phtml"}}
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
