@globalTransition: opacity 250ms linear; .has-bgimg { .bgimg-background-blur { z-index: 1; &::before { position: absolute; content: ''; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; } &::after { position: absolute; content: ''; z-index: -2; transition: @globalTransition; opacity: 0; width: 100%; height: 100%; left: 0; top: 0; background-attachment: fixed; } } }