body {
            background-color: transparent;
            position: relative; /* Ensure relative positioning for absolute children */
            width: 200px;
            margin: 0 auto; 
            text-align: center; 
        }
        
        img {
            margin: 0 auto;
        }
        
        video {
            margin: 0 auto;
        }

        #alertVid {
            display: none;
            max-height: 190px;
            max-width: 190px;
            position: relative;
            z-index: 1; /* Ensure it's below nameBox layer */
        }

        #alertImg {
            display: none;
            max-height: 190px;
            max-width: 190px;
            position: relative;
            z-index: 1; /* Ensure it's below nameBox layer */
        }

        #nameBox {
            display: none;
            position: absolute;
            transform: translateX(-50%); /* Center */
            z-index: 2; /* Ensure it appears above alertImg and alertVid layers */
        }
}
