.hover-text {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #f5c242 !important;
    font-size: 1rem;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    line-height:20px;
    width:80%;
    font-weight:400;
}

.box-image {
    position: relative;
}

.box-image:hover .hover-text {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.1); 
}

.box-image:not(:hover) .hover-text {
    opacity: 0;
}

a:hover {
    text-decoration: none;
}

a:hover h3 {
    color: #000 !important;
}

 figure:hover {
     opacity: 0.4;
    
}