@layer utilities {
            .text-shadow {
                text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
            }
            .content-auto {
                content-visibility: auto;
            }
            .nav-active {
                @apply border-b-2 border-accent;
            }
            .img-watermark {
                position: relative;
            }
            .img-watermark::after {
                content: "Asphalt 8: Airborne";
                position: absolute;
                bottom: 10px;
                right: 10px;
                background: rgba(0,0,0,0.5);
                color: white;
                padding: 2px 8px;
                font-size: 12px;
                border-radius: 3px;
            }
        }