.scene-11 {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .5s;
  }
  
  .scene11-content {
    position: absolute;
    inset: 12vh 6vw 6vh 6vw;
    display: flex;
    flex-direction: column;
  }
  
  .scene11-columns {
    flex: 1;
  
    display: grid;
    grid-template-columns: 1fr .03125rem 1fr;
  
    column-gap: 4rem;
    align-items: stretch;
  }
  
  .scene11-divider {
    width: .03125rem;
    height: 100%;
  
    background: rgba(236, 218, 180, .38);
  }
  
  .scene11-col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
 /* top category icons */

.scene11-category-icon {
  width: 3.125rem;
  height: 3.125rem;

  object-fit: contain;
  display: block;

  margin-bottom: 1rem;

}
  
  .scene11-grid {
    width: 100%;
    flex: 1;
    position: relative;
  }
  
  .scene11-item {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0;
    transform: translateY(.625rem);
    transition: opacity .8s ease, transform .8s ease;
  }
  
  .scene11-item.show {
    opacity: 1;
    transform: translateY(0);
  }
  
  .scene11-svg {
    width: 4.625rem;
    height: 4.625rem;
    object-fit: contain;
    display: block;
  }
  
  .scene11-date {
    margin-top: .55rem;
  
    font-family: var(--mono);
    font-size: .72rem;
    letter-spacing: .1em;
  
    color: var(--yellow);
  
    white-space: nowrap;
    text-align: center;
  }
  
  .scene11-title {
    width: 100%;
    margin-top: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .scene-11 .small-text,
  .type-text-scene11 {
    position: relative;
    display: block;
    text-align: center;
    width: auto;
  }
  
  @media (max-width: 81.25rem) {
    .scene11-category-icon {
      width: 1.375rem;
      height: 1.375rem;
      margin-bottom: 1.9rem;
    }
  
    .scene11-date {
      font-size: .66rem;
    }
  
    .scene11-columns {
      column-gap: 3rem;
    }
  
    .scene11-svg {
      width: 3.875rem;
      height: 3.875rem;
    }
  
   
  }
/* Date remains centred beneath each classified kolam. */
.scene11-item {
  text-align: center;
}

.scene11-date {
  width: 100%;
  text-align: center;
}