.tdld { position: relative; flex: none; height: 15vw; max-height: 15rem; background-image: url("//dd.unicraft.org/static/branding/tdld/header/bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; &::before, &::after { position: absolute; display: block; width: 30%; height: 5%; content: ''; background: #ffed00; } &::before { top: 0; left: 0; opacity: .2; } &::after { right: 0; bottom: 0; } }