.farmer-card-right{
    position: absolute;    
    float: right;
    top: 0;     
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
    background: black;
    transition: background .5s .5s ease-out;
}

img#farmer:hover ~ #farmer-right-slide > .farmer-card-right{
    background: transparent;
}   

.farmer-card-element-right{
    position: absolute;
    float: right;
    right: 10px;
    top: 25vh;    
    width: 65%;
    height: 40vh;  
    background: linear-gradient(to top right, #FF2DF1, #F6DC43);
    border-radius: 8px;
}

.farmer-card-element-right .farmer-right-image{
    position: absolute;
    float: left;
    left: 10px;
    top: -11.5vh;
    width: 15vw;
    height: 30vh;    
    transition: 2s ease-in-out;
    border-radius: 50%;        
}

.farmer-card-title-right{
    position: absolute;    
    width: 67%;
    height: 46%;    
    float: right;
    top: 0;
    right: 0;          
}

.farmer-card-word-right{
    position: absolute;    
    width: 100%;
    height: 61%;    
    float: right;
    bottom: 0;
    justify-content: center;
    align-items: center;    
}



.farmer-card-element-one-right{
    position: absolute;
    float: left;
    left: 10px;
    top: 10vh;    
    width: 32%;
    height: 79vh;    
    background: linear-gradient(to bottom left, #FF2DF1, #F6DC43);
    border-radius: 8px;
}

.farmer-card-title-one-right{
    position: absolute;    
    width: 67%;
    height: 46%;    
    float: left;
    top: 0;
    left: 0;              
}

.farmer-card-title-one-right h1{
    color: black;
}

.farmer-card-element-one-right .farmer-right-one-image{
    position: absolute;
    float: left;
    left: 1.5vw;
    top: -15vh;
    width: 20vw;
    height: 40vh;   
    transition: 2s ease-in-out;
    border-radius: 50%;            
}

.farmer-card-word-one-right{
    position: absolute;    
    width: 100%;
    height: 61%;    
    float: right;
    top: 22vh;    
    justify-content: center;
    align-items: center;    
}