.ombre-banner {
  /* size and positioning */
  height: 100px;
  max-width: 1000px;
  margin: 2rem auto;
  border-radius: 20px;

  /* animated pink gradient */
  background: linear-gradient(
    120deg,
    #ffc1e3 0%,
    #ff9ac2 25%,
    #ff6fa8 50%,
    #ff4f9a 75%,
    #ff2e93 100%
  );
  background-size: 300% 300%;
  animation: gradientShift 10s ease infinite;

  /* text styling */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  padding: 1rem;
}

@keyframes gradientShift {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}