/* =========================================
   Rotating Snippets Component
========================================= */

.tr-rotating-snippets {
  position: relative;
  text-align: center;
}

.tr-rotating-snippets__item {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.4s ease;
}

.tr-rotating-snippets__item.is-active {
  display: block;
  opacity: 1;
  position: relative; 
}