Light the Stream

 <style>

.embed-container {

    display: flex;

    justify-content: space-between;

    width: 100%;

}

.iframe-fb-container, .twitter-timeline {

    width: 48%; /* Adjust for equal width, leaving space between them */

    height: 520px;

}

.iframe-fb {

    width: 100%;

    height: 520px;

    overflow: hidden;

}

.twitter-timeline {

    display: flex;

    width: 50%;

    max-width: 100%;

}

</style>

<div class="embed-container">

    <a class="twitter-timeline" data-height="520" href="https://twitter.com/NorthCountyFire?ref_src=twsrc%5Etfw">Tweets by NorthCountyFire</a>

    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

    <div class="iframe-fb-container">

        <iframe title="facebook" class="iframe-fb border" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FNorthCountyFire%2F&tabs=timeline&width=500&height=520&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId"></iframe>

    </div>

</div>

<style>
  @media (max-width: 768px) {
    .social-embeds {
      flex-direction: column !important;
    }

    .social-embeds iframe {
      width: 100% !important;
    }
  }
</style>

<div class="social-embeds" style="display: flex; width: 100%; gap: 1rem;">
  <iframe 
    title="instagram" 
    style="width: 50%; height: 520px;" 
    src="https://www.instagram.com/uslt_rcd/embed" 
    frameborder="0">
  </iframe>

  <iframe 
    title="facebook" 
    class="iframe-fb border" 
    scrolling="no" 
    frameborder="0" 
    allowTransparency="true" 
    allow="encrypted-media" 
    style="width: 50%; height: 520px;" 
    src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FUSLTRCD&show_posts=true&width=500px&height=520&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=184265735244081">
  </iframe>
</div>