.book{ 
    height:500px;
    transform: rotate(-20deg); 
    filter:drop-shadow(10px 10px 8px rgb(24, 21, 21));  
    position:absolute;
}

.logo{
    z-index: 5; 
    position:absolute;
    transform: rotate(-20deg);
    transition:0.5s;  
    height:90px; 
    top:40%;   
    filter:drop-shadow(10px 10px 8px rgb(7, 6, 6)) invert(0%);  
}
 

.logo:hover{

     filter:drop-shadow(10px 10px 100px rgb(255, 255, 255)) invert(100%);     
     transition:0.5s;  
      



}

.ribbon{
    position:absolute;
    filter:drop-shadow(10px 10px 8px rgb(24, 21, 21));   
    z-index: 3; 

}

.tarot{
    position:absolute;
    height:300px;
    left:40%; 
    top:20 px; 
    transform:rotate(-23deg); 
    filter:drop-shadow(10px 10px 8px rgb(24, 21, 21));  
    z-index: 1 ; 
    border-radius: 10px;
}