#placeholder { z-index: -1; position: relative; background-color: var(--colour-midnight); } #overlay { z-index: 2; position: fixed; .underscore-logo { width: 200px; padding: 1em; transform: translateY(-20%); transition: all 0.2s ease-in-out; opacity: 0; } &.active { .underscore-logo { transform: translateY(0%); opacity: 1; } } }