title: The alert is displayed with a transparent background instead of a solid color
body: <p>If the alert has fewer points, it has a solid color, as it grows it becomes transparent, how can I solve it?
  code CSS</p>
  <pre><code>   .div-error{
            
      justify-content: center;
    
     position: fixed;
     left: 40%;
     top: 20%;
      
  }
  .text-error{
      color: red !important;
      font-weight: bold;
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/C54no.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/C54no.png" alt="various alert points" /></a></p>