.home{ margin-left: 10%;
    margin-top: -400px;
    margin-bottom: 220px;
    
    font-weight: bold;
}
.home h1{
    font-family: fantasy;
    font-size: 60px;
}
#hov:hover{
    transform: scale(1.3);
    transition: .3s;
}

.sect2{
    
   margin-left: 150px;
   margin-bottom: 100px;
   margin-right: 100px;
   
}

.image-container {
    display: flex;
    margin-left: 150px;
}

.image-container .image-wrapper {
    position: relative;
    margin: 10px;

}

.image-container img {
    width: 250px;
    height: 200px;
    
    transition: all 0.5s;
}

.image-container .overlay-text {
    position: absolute;
    top: 40%;
    left: 5%;
    right: 5%;
    transform: translate(-50%, -50%);
    color: #202020;

    opacity: 0;
    transition: opacity 0.6s ease;
    text-align: center;
    justify-content: center;
}
.image-wrapper:hover {
    transform: scale(0.9);
    
    transition: all 0.5s;
}
.image-container .image-wrapper:hover img {
    opacity: 0.5;  
}

.image-container .image-wrapper:hover .overlay-text {
    opacity: 1;
    transform: scale(1);
    
}