.leocolourlayer
{
    width: 45%;
      height: auto;
      position: absolute;
}

.sp-palette {
    max-width: 200px;
}

.leocolourlayerhidden
{
    width: 45%;
    height: auto;
    position: relative;
     visibility: hidden;
}

.profile-picFull {
    -webkit-filter: hue-rotate(144deg) brightness(0%) saturate(822%);
    filter: hue-rotate(144deg) brightness(0%) saturate(822%);
}
.profile-pic1 {
  -webkit-filter: url(#c1filter);
  filter: url(#c1filter);
}
.profile-pic2 {
  -webkit-filter: url(#c2filter);
  filter: url(#c2filter);
}
.profile-pic3 {
  -webkit-filter: url(#c3filter);
  filter: url(#c3filter);
}

.profile-pic4 {
  -webkit-filter: url(#c4filter);
  filter: url(#c4filter);
}

.profile-pic5 {
  -webkit-filter: url(#c5filter);
  filter: url(#c5filter);
}

.profile-pic6 {
  -webkit-filter: url(#c6filter);
  filter: url(#c6filter);
}

.profile-pic7 {
    -webkit-filter: url(#c7filter);
    filter: url(#c7filter);
}

.profile-pic8 {
    -webkit-filter: url(#c8filter);
    filter: url(#c8filter);
}

.profile-pic9 {
  -webkit-filter: url(#c9filter);
  filter: url(#c9filter);
}

.profile-pic10 {
  -webkit-filter: url(#c10filter);
  filter: url(#c10filter);
}

.profile-pic11 {
  -webkit-filter: url(#c11filter);
  filter: url(#c11filter);
}