.home-know-thumbs-container .know-img-cover{
	width:10vw;
	max-width:200px;
	height:auto;
}

.home-know-thumbs-container:hover .home-know-thumb{
	opacity: .9;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.home-know-thumb:hover{
	opacity: 1 !important;
	-webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.animation-location-name {
    position: relative;
    overflow: hidden;
    display: inline-block; /* Ensure the gradient mask covers the entire text */
}

.animation-location-name::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start with the entire mask off-screen to the left */
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(253, 252, 100, 0.5) 0%, rgba(253, 252, 100, 1) 100%);
    opacity: 0.5; /* Start with 50% opacity */
    transition: left 1s, opacity 0.5s; /* Smooth transition for left position and opacity */
}

.animation-location-name:hover::before {
    left: 100%; /* Move the entire mask off-screen to the right */
    opacity: 1; /* Transition to 100% opacity on hover */
}