/* assets/style.css */

.rb-banner-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  animation: slideShow 20s infinite;
}

.rb-banner-slide {
  min-width: 100%;
  position: relative;
}

.rb-banner-slide img {
  width: 100%;
  height: auto;
  display: block;
}

.rb-banner-caption {
  position: absolute;
  bottom: 20px;
  left: 30px;
  background: rgba(0,0,0,0.5);
  color: white;
  padding: 10px 15px;
  font-size: 1.1em;
  max-width: 60%;
}

@keyframes slideShow {
  0%, 20% { transform: translateX(0%); }
  25%, 45% { transform: translateX(-100%); }
  50%, 70% { transform: translateX(-200%); }
  75%, 95% { transform: translateX(-300%); }
}