/* assets/css/brand-grid.css */

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.brand-item-title-fade-in {
  opacity: 0; /* Start transparent */
  animation: fadeIn 0.5s ease-in 0.2s forwards; /* Animation: name duration timing-function delay fill-mode */
  /*
      - 0.5s: Duration of the fade
      - ease-in: Starts slow, then speeds up
      - 0.2s: Delay before starting (allows images to potentially load a bit)
      - forwards: Keeps the final state (opacity: 1)
    */
}