@media (min-width: 480px) { .aa-bg--logo-light, .aa-bg--logo-dark { background-size: cover; background-image: url(/wp-content/uploads/Gold-Logomark.svg); background-color: var(--white-trans-90); background-blend-mode: lighten; background-attachment: fixed; background-position: 50% 75%; background-size: 40%; background-repeat: no-repeat; } .aa-bg--logo-dark { background-blend-mode: overlay; } } @supports (-webkit-touch-callout: none) { body::before { content: ''; position: fixed; top: 75%; left: 50%; width: 50vw; height: 50vh; background-repeat: no-repeat; background-size: contain; background-image: url("/wp-content/uploads/Gold-Logomark.svg"); background-color: var(--white-trans-90); background-blend-mode: lighten; transform: translate(-50%, -50%); pointer-events: none; z-index: -1; } }