With 9 squqre

NineSquare.html

<div id="curator-feed-sandbox-layout"></div>
<script type="text/javascript">
  /* curator-feed-sandbox-layout */
  (function() {
    var i, e, d = document,
      s = "script";
    i = d.createElement("script");
    i.async = 1;
    i.src = "https://cdn.curator.io/published/d85b878e-0ede-4436-8198-ed1eba1d7482.js";
    e = d.getElementsByTagName(s)[0];
    e.parentNode.insertBefore(i, e);
  })();
</script>
<style>
  body {
    margin: 0 !important;
  }

  .crt-icon-cancel {
    border-radius: 50%;
  }

  .crt-icon-cancel:before {
    display: block;
    padding-top: 8px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 6px;
  }

  .crt-social-icon {
    display: none;
  }

  .crt-feed-scroll {
    width: 100%;
  }

  .galcolumn {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .galcolumn>.crt-post {
    margin: 0 !important;
    border: 0.5px solid white !important;
    position: relative;
    width: 33.33% !important;
    height: calc(100vw/3) !important;
  }
  
  .galcolumn>.crt-post > .crt-post-c{
    height: 100% !important;
    width: 100% !important;
  }
  
  .galcolumn>.crt-post > .crt-post-c > .crt-post-content{
    height: 100% !important;
    width: 100% !important;
  }
  
  
  .galcolumn>.crt-post > .crt-post-c > .crt-post-content > .crt-image{
    height: 100% !important;
    width: 100% !important;
  }
  
  .galcolumn>.crt-post > .crt-post-c > .crt-post-content > .crt-image > .crt-image-c{
    height: 100% !important;
    width: 100% !important;
  }
  
  .galcolumn>.crt-post > .crt-post-c > .crt-post-content > .crt-image > .crt-image-c > img{
    object-fit: cover;
  }
    
  .galcolumn > .crt-post:nth-child(7n-3) {
    width: calc(100vw * 2/3) !important;
    height: calc(100vw * 2/3) !important;
  }
  
  .galcolumn > .crt-post:nth-child(7n-2) {
    width: calc(100vw * 1/3) !important;
    height: calc(100vw * 2/3) !important;
  }
  
   .galcolumn > .crt-post:nth-child(7n) {
    width: calc(100vw * 2/3) !important;
    height: calc(100vw * 1/3) !important;
  }

  .crt-post>.crt-image>img {
    position: absolute !important;
    height: calc(100vw/3) !important;
    width: calc(100vw/3) !important;
    object-fit: cover;
  }

  .crt-post>.crt-post-content {
    height: calc(vw/3) !important;
    width: calc(vw/3) !important;
  }

  .crt-post>.crt-post-content>.crt-post-header {
    position: absolute !important;
  }

  .crt-post>.crt-post-content>.crt-post-header {
    position: absolute !important;
  }

  .crt-post>.crt-post-content>.crt-post-header {
    position: absolute !important;
  }
</style>