body{
    background-image: url(https://furaisu.neocities.org/images/pink%20wallpaper.jpg)
}
.container{
    margin: auto;
    padding: 20px;
    position: relative;
    display: flex;

}
.maindraw{
    margin: auto;
    
}
.patch{
    position: absolute;
    margin: auto;
    margin-left: 245px;
        margin-top: 25px
        
} 
.patch img{
    rotate: -15deg;
    height: 125px;
}
.wardrobe1{
    position: relative;
}
.wardrobe2{
    position: absolute;
    left: 0;
    object-fit: contain;
    opacity: 1;
    transition: opacity .2s;
    
}

.patch2{
    position: absolute;
    margin: auto;
        margin-top: 25px;
    margin-left: 785px
        
}
.patch2 img{
    rotate: 15deg ;
    height: 280px
}

.patch3{
    position: absolute;
    margin: auto;
        margin-top: 180px;
    margin-left: 150px
        
}
.patch3 img{
    rotate: 10deg ;
    height: 190px
}
.patch4{
    position: absolute;
    margin: auto;
        margin-top: 250px;
    margin-left: 970px
        
}
.patch4 img{
    rotate: 10deg ;
    height: 190px
}

.patch5{
    position: absolute;
    margin: auto;
        margin-top: 290px;
    margin-left: 801px
        
}
.patch5 img{
    rotate: -11deg ;
    height: 190px
}
.soleil1,
.etoile1,
.film1,
.music1{
    position: relative;
}
.soleil2,
.etoile2,
.film2,
.music2{
    position: absolute;
    left: 0;
    object-fit: contain;
    opacity: 1;
    transition: opacity .2s;  
}



.patch img:hover,
.patch2 img:hover,
.patch3 img:hover,
.patch4 img:hover,
.patch5 img:hover{
    opacity: 0;
}