Tenho duas modal bootstrap , a primeira uma modal-xl, a segunda uma modal-sm que é menor , elas abrem normalmente .
Porém a primeira da o efeito de esmaecer certinho, já quando abro a segunda a modal abaixo que é maior não dá o efeito esmaecer.
Com isso, pode que o usuário se confunda, pois as duas modais ficam com visibilidade iguais. Preciso que ao abrir a segunda modal, a primeira fique esmaecida.