@keyframes light_effect {
    0% {
        left: -10%;
    }

    50% {
        left: 150%;
    }

    100% {
        left: 200%;
    }
}

.light_effect {
    position: relative;
    overflow: hidden;
    display: block;

}

.light_effect::after {
    content: "";
    height: 300%;
    width: 40%;
    background-image: linear-gradient(to right, #00000000, #00000000 15%, #ffffff9a 50%, #00000000 85%, #00000000 100%);
    position: absolute;
    top: 0;
    left: -10rem;
    transform-origin: top left;
    transform: translateY(-50%) rotate(30deg);
    animation: light_effect infinite 3s forwards;
}
.title-open .light_effect{
    display: block;
    width: 100%;
    height: 100%;
}