Al usar la propiedad opacity para agregar transparencia al fondo de un elemento, todos sus elementos secundarios heredan la misma transparencia. Esto suele hacer que el texto pueda se poco legible
Si queremos que los elementos hijos no hereden la opacidad, debemos de dar la opacidad al elemento padre, con los valores RGBA
with RGBA color values: