.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
};
}
});