.ci-img
{
    position: fixed;
    height:17vh;
    top:0;
    left:0;
    width:auto;
    transition:filter 2s;
}
.filter-no
{
    filter:grayscale(0) !important;
}
#ci-img1
{
        top: 24%;
    left: 65%;

}

#ci-img2
{
    top:30%;
    left:unset;
    right:3%;
}

#ci-img3
{
    top:3%;
    left:14%;
}
#ci-img4
{
   top: 6%;
    left: 28%;
}

#ci-img5
{
    top:60%;
    left:11%;
}

#ci-img6
{
    top:52%;
    left:75%;
}
#ci-img7
{
      top: 10%;
    left: unset;
    right: 11%;
}

#ci-img8
{
    top:71%;
    left:25%;
}

#ci-img9
{
       top: 30%;
    left: 22%;
    height: 20vh;
}
#ci-img10
{
    top:48%;
    left:35%;
}
#ci-img11
{
      top: 14%;
    left: 51%;
    height:20vh !important;
}
#ci-img12
{
       top: 79%;
    right: 1%;
    left: unset;
}
#ci-img13
{
    top:28%;
    left:3%;
    height:15vh !important;
}
#ci-img14
{
top: 57%;
    left: 55%;
    height: 27vh;
}
.cig1
{
    filter: grayscale(1) brightness(124%);

}

.cig2
{
    filter: grayscale(1);
}

.cig3
{
    filter: grayscale(1);
}
.cig4
{
    filter: grayscale(1) brightness(124%);

}

.cig5
{
    filter: grayscale(1);
}

.cig6
{
    filter: grayscale(1);
}
.cig7
{
    filter: grayscale(1) brightness(124%);

}

.cig8
{
    filter: grayscale(1);
}

.cig9
{
    filter: grayscale(1);
}
.cig10
{
    filter: grayscale(1);
}
.cig11
{
    filter: grayscale(1);
}
.cig12
{
    filter: grayscale(1);
}
.cig13
{
    filter: grayscale(1);
}
.cig14
{
    filter: grayscale(1);
}