.home .c1,
.home .c2,
.home .c3,
.home .c4,
.home .c5,
.home .c6,
.home .c7,
.home .c8,
.home .c9,
.home .c10,
.home .c11

{
    position: absolute;
}


.c1:hover {
    transform: scale(0.4);
    transition: 2s;
}



.c1 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}


.c2:hover {
    transform: scale(0.4) translate(120px, 50%);
    transition: 2s;
}



.c2 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}


.c3:hover {
    transform: scale(0.4);
    transition: 2s;
}



.c3 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}

.c4:hover {
    transform: scale(0.4);
    transform: scale(0.4) rotate(95deg);

}



.c4 {
    
    margin: auto;
    cursor: pointer;
    transition: 4s;
}



.c5:hover {
    
    transform: scale(0.4) translate(120px, 50%);
    transition: 2s;
}



.c5 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}


.c6:hover {
    
    transform: scale(0.4) translate(150px, 50%);
    transition: 2s;
}



.c6 {
    margin: auto;
    cursor: pointer;
    transition: 3s;
}



.c7:hover {
    transform: scale(0.5) translate(120px, 50%);
    transition: 2s;
}



.c7 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}


.c8:hover {
    transform: scale(0.4);
    transition: 2s;
}



.c8 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}


.c9:hover {
    transform: scale(0.4);
    transition: 2s;
}



.c9 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}



.c10:hover {
    transform: scale(0.4);
    transition: 2s;
}



.c10 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}



.c11:hover {
    transform: scale(0.4);
    transition: 2s;
}



.c11 {
    margin: auto;
    cursor: pointer;
    transition: 4s;
}









.home .c1 {

    top: 105%;
    left: 350px;
    opacity: 0.3;
    width: 15%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}

.home .c2 {

    top: 150%;
    left: -50px;
    opacity: 0.3;
    width: 15%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}

.home .c3 {

    top: 150%;
    right: 20px;
    opacity: 0.3;
    width: 15%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}


.home .c4 {

    top: 100%;
    left: 70px;
    opacity: 0.3;
    width: 10%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}

.home .c5 {

    top: 102%;
    right: 200px;
    opacity: 0.3;
    width: 15%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}


.home .c6 {

    top: 285%;
    right: 150px;
    opacity: 0.3;
    width: 12%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}



.home .c7 {

    top: 205%;
    left: 30px;
    opacity: 0.3;
    width: 15%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}


.home .c8 {

    top: 250%;
    right: 50px;
    opacity: 0.3;
    width: 12%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}


.home .c9 {

    top: 210%;
    right: 200px;
    opacity: 0.3;
    width: 12%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}


.home .c10 {

    top: 250%;
    left: 270px;
    opacity: 0.3;
    width: 12%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}


.home .c11 {

    top: 280%;
    left: 110px;
    opacity: 0.3;
    width: 15%;
    filter: drop-shadow(0px 0px 15px #6c4e74);
}







@media(max-width:991px) {
    
.home {
    display: none;
}

.body {
    background: #f8cdd6;
}

}