.top-band {
  position: relative; /* make this the reference for absolute positioning */
  display: inline-block;
  width: 100%;
}

.top-band img {
  width: 100%;
  height: auto;
  display: block;
}

.newsticker {
  position: absolute; /* position over the image */
  top: 50%;           /* vertically center */
  left: 50%;          /* horizontally center */
  transform: translate(-50%, -50%); /* exact centering */
  width: 100%;
  text-align: center;
  height: 30px;       /* adjust if needed */
  overflow: hidden;
}

.newsticker p {
  position: absolute;
  width: 100%;
  margin: 0;
  opacity: 0;
  animation: ticker 9s infinite;
}

/* Animation delays */
.newsticker p:nth-child(1) { animation-delay: 0s; }
.newsticker p:nth-child(2) { animation-delay: 3s; }
.newsticker p:nth-child(3) { animation-delay: 6s; }


@keyframes ticker {
  0%   { opacity: 0; transform: translateY(100%); }
  10%  { opacity: 1; transform: translateY(0); }
  30%  { opacity: 1; transform: translateY(0); }
  40%  { opacity: 0; transform: translateY(-100%); }
  100% { opacity: 0; }
}