.module-instagram *[data-ios-item] {
    transition: 1500ms var(--ttf-7);
    transition-property: opacity, transform;
    transition-delay: calc(var(--ios-item-index, 0) * 150ms);
  }

  .module-instagram:not(.is-on-screen) *[data-ios-item] {
    opacity: 0;
    transform: translateY(100px);
  }





  .instagram-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: max(10px, calc(30 * var(--px)));
  }
  
  .instagram-grid > li:nth-child(5) {
    display: none;
  }
  
  .instagram-grid > li {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
  }
  
  
  
  @media (max-width: 1200px) {
    
    .instagram-grid {
      grid-template-columns: repeat(4, 1fr);
    }
    
    .instagram-grid > li:nth-child(5) {
      display: none;
    }
    
  }
  
  
  
  
  @media (max-width: 1000px) {
    
    .instagram-grid {
      grid-template-columns: repeat(3, 1fr);
    }
    
    .instagram-grid > li:nth-child(4) {
      display: none;
    }
    
  }
  
  
  
  
  
  
  @media (max-width: 900px) {
    
    .module-instagram .module-body {
      margin-inline: calc(var(--page-padding-left) * -1);
  		overflow: hidden;
  		overflow-x: scroll;
      position: relative;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
  		-webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
    }
    
    .module-instagram .module-body::-webkit-scrollbar {
      display: none;
    }
    
    .instagram-grid {
      display: flex;
      flex-flow: row nowrap;
      padding-inline: var(--page-padding-left-s);
      width: fit-content;
    }
    
    .instagram-grid > li:nth-child(n) {
      display: flex;
    }
    
    .instagram-grid > li {
      width: 300px;
      flex-shrink: 0;
      scroll-snap-align: start;
      scroll-margin-left: var(--page-padding-left-s);
    }
    
  }