css – Clear Overlay for Gravity Kinds Ajax Spinner

I’m utilizing this code to middle a customized ajax spinner for gravity kinds submission. The spinner is centered efficiently. Nevertheless the semi-transparent background overlay background-color: rgba(255,255,255,0.5) doesn’t work as anticipated.

  /* Absolute Heart Spinner */
    .gform_wrapper .gform_ajax_spinner {
      place: mounted;
      z-index: 999;
      overflow: present;
      margin: auto;
      prime: 0;
      left: 0;
      backside: 0;
      proper: 0;
      width: 120px;
      top: 120px;
    }
    
    /* Clear Overlay */
    .gform_wrapper .gform_ajax_spinner:earlier than {
      content material: '';
      show: block;
      place: mounted;
      prime: 0;
      left: 0;
      width: 100%;
      top: 100%;
      background-color: rgba(255,255,255,0.5) !vital;
    }