JSFiddle - React, Tailwind, and code Playground

HTML

<div class="instagram">
                                        
  <div class="instagram-data instagram-data_big">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/BbU3RBfB6qe/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/Ba1mY6SDRGa/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/BbU3RBfB6qe/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/Ba1mY6SDRGa/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/BbU3RBfB6qe/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/Ba1mY6SDRGa/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/BbU3RBfB6qe/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/Ba1mY6SDRGa/media/?size=l'); background-size: cover;">
      </div>
  </div>
    <div class="instagram-data">
      <div class="instagram-photo" style="opacity: 1; background-image: url('https://www.instagram.com/p/BbU3RBfB6qe/media/?size=l'); background-size: cover;">
  ...

SCSS

.instagram {
    width: 100%;
    position: relative;
}
.instagram .instagram-data {
      float: left;
      position: relative;
      width: calc(20% - 6px);
      margin: 3px;
      
      &_big {
        width: calc(40% - 6px);
      }
      
      &_right {
        float: right;
      }
 }
.instagram .instagram-data .instagram-photo {
        transition: opacity 0.25s;
        opacity: 0;
        padding-top: 100%; 
}