.topimage {
  position: relative;
  background-image: url('immagine.jpg');
  background-size: cover;
}

/* Overlay: z-index basso */
.topimage::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0; /* sta sotto */
}

/* Testo: z-index alto */
.topimage .container {
  position: relative;
  z-index: 1; /* sta sopra l'overlay */
}