.animclass {
  transition: all 1000ms;
}

.baw {
  filter: grayscale(100%);
}

.hflip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);  
}

.vflip {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);  
}

.rotate180 {
  transform: rotate(180deg);
}

.protanopia {
  -webkit-filter: url('/images/2022/filters.svg#protanopia');
  filter: url('/images/2022/filters.svg#protanopia');
}

.protanomaly {
  -webkit-filter: url('/images/2022/filters.svg#protanomaly');
  filter: url('/images/2022/filters.svg#protanomaly');
}

.deuteranopia {
  -webkit-filter: url('/images/2022/filters.svg#deuteranopia');
  filter: url('/images/2022/filters.svg#deuteranopia');
}

.deuteranomaly {
  -webkit-filter: url('/images/2022/filters.svg#deuteranomaly');
  filter: url('/images/2022/filters.svg#deuteranomaly');
}

.tritanopia {
  -webkit-filter: url('/images/2022/filters.svg#tritanopia');
  filter: url('/images/2022/filters.svg#tritanopia');
}

.tritanomaly {
  -webkit-filter: url('/images/2022/filters.svg#tritanomaly');
  filter: url('/images/2022/filters.svg#tritanomaly');
}

.achromatopsia {
  -webkit-filter: url('/images/2022/filters.svg#achromatopsia');
  filter: url('/images/2022/filters.svg#achromatopsia');
}

.achromatomaly {
  -webkit-filter: url('/images/2022/filters.svg#achromatomaly');
  filter: url('/images/2022/filters.svg#achromatomaly');
}