/* (A) FORCE ALL SLIDES INTO SINGLE ROW */
.hmove { display: flex; }
.hslide { width: 100%; flex-shrink: 0; }
.hwrap { overflow: hidden; }

/* (B) SHIFT SLIDES WITH CSS ANIMATION */
/* (B1) SLIDES POSITION */
.hmove { position: relative; top: 0; right: 0; }
@keyframes slideh {
  0% { right: 0; } 24% { right: 0; }
  25% { right: 100%; } 49% { right: 100%; }
  50% { right: 200%; } 74% { right: 200%; }
  75% { right: 300%; } 99% { right: 300%; }
  100% { right: 0; }
}

/* (B2) MOVE SLIDES */
.hmove { animation: slideh 30s infinite; }
.hmove:hover { animation-play-state: paused; }

/* (X) NOT IMPORTANT - COSMETICS */
.hwrap {
  background-color: #FF0000; 
  color: #FFFFFF; 
  margin: auto; 
  width: 90%; 
  height: 25px; 
  text-align: center;
  font-size: 14px; 
  font-weight: bold;
  padding-top: 3px; 
  padding-bottom: 3px; 
  padding-left: 20px; 
  padding-right: 20px; 
  border-radius: 35px; 
  margin-bottom: 10px;
}
.hslide { padding: 0px; }
.hwrap, .hwrap * { box-sizing: border-box; }