.banner1 {
  background-color: #e6007e;
  /* Un rosa shocking simile a quello nell'immagine */
  color: white;
  /* Testo bianco */
  font-family: sans-serif;
  /* Un font generico senza grazie, puoi specificarne uno specifico se vuoi */
  font-size: 2.5em;
  /* Dimensione del testo, puoi aggiustarla */
  font-weight: bold;
  /* Testo in grassetto */
  padding: 20px 40px;
  /* Spaziatura interna */
  display: inline-block;
  /* Per adattare il background al contenuto */
  position: relative;
  /* Necessario per la trasformazione */
  transform: skewX(-5deg);
  /* Inclinazione verso sinistra */
  /* Se vuoi un leggero effetto 3D o ombra, puoi aggiungere: */
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
/* Per compensare l'inclinazione del testo e mantenerlo dritto */
.banner span {
  display: inline-block;
  transform: skewX(5deg);
  /* Inclinazione opposta per raddrizzare il testo */
}