.skeleton-box-banner {
    min-height: 450px;
    background-color: $light;
    
    .card-img {
        min-height: 450px;
    }
}
@media (max-width: 767px) {
    .skeleton-box-banner {
        margin-left: 3%;
    }
}

.skeleton-box-event {
    margin-top: 2%;
    margin-left: 2%;
}
@media (max-width: 767px) {
    .skeleton-box-event {
        margin-top: 7%;
        margin-left: 3%;
    }
}

.skeleton {
	background-color: rgb(226 229 231 / 30%);
	background-image:			
			linear-gradient(
				45deg, 
				rgba(#fff, 0), 
				rgba(#fff, 0.5),
				rgba(#fff, 0)
			);
	background-size: 40px 100%;
	background-repeat: no-repeat;
	background-position: left -40px top 0;
	animation: shine 1s ease infinite;
}

@keyframes shine {
	to {
		background-position: right -40px top 0;
	}
}