.shiny {
    -webkit-mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.2) 50%,#000 75%);
    -webkit-mask-size: 800%;
    mask-size: 800%;
    -webkit-mask-position: 0;
    mask-position: 0;
}

.shiny:hover {
    transition: mask-position 2s ease,-webkit-mask-position 2s ease;
    -webkit-mask-position: 120%;
    mask-position: 120%;
    opacity: 1;
}
#banner-area:after, .carousel:after{
    content: "";
    background: -webkit-linear-gradient(left, var(--bs-info) 0%, var(--bs-primary) 12%, var(--bs-cyan) 50%, var(--bs-link-color) 100%);
    display: block;
    height: 2.3px;
    width: 100%;
    position: absolute;
}