<style>
.logo-container {
    position: relative;
    display: inline-block;
}

.logo {
    display: block;
    width: 200px; /* Ajusta este tamaño según tus necesidades */
    height: auto;
}

.light {
    position: absolute;
    top: 0;
    left: -100%;
    width: 120%; /* Ajusta según el ancho del logo */
    height: 100%;
    background: linear-gradient(45deg, rgba(27, 69, 81, 0) 0%, rgba(27, 69, 81, 0) 40%, rgba(27, 69, 81, 0.25) 50%, rgba(27, 69, 81, 0) 60%, rgba(27, 69, 81, 0) 100%);
    animation: lightMove 8s infinite;
}

@keyframes lightMove {
    0% {
        left: -210%;
    }
    100% {
        left: 100%;
    }
}
</style>

<div class="logo-container">
    <img src="tu-logo.png" alt="Logo" class="logo">
    <div class="light"></div>
</div>
