.loading-video-section { transition: opacity 1s ease-out; /* Smooth fade-out effect */ } .loading-video-section.hidden { opacity: 0; pointer-events: none; /* Prevents interaction after fading */ } jQuery(document).ready(function($) { var videoElement = $('.loading-video-section video')[0]; if (videoElement) { videoElement.onended = function() { $('.loading-video-section').addClass('hidden'); // Optional: Remove the section entirely after a delay setTimeout(function() { $('.loading-video-section').remove(); }, 1000); // Matches the CSS transition duration }; } });