make background blur when modal opens bootstrap 4

use this css

.modal-open .container {
    -webkit-filter: blur(5px) grayscale(90%);
    filter: blur(5px) grayscale(90%);
}

from stackoverflow: https://stackoverflow.com/questions/54122806/how-to-make-background-blur-when-html-popup-modal-opens