<div class="box">
    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAxJREFUeNrsnM1LVFEYxq85OJpfaKSVZUUf0MciiNpUtKhtLSOyD4LoD2hR0CqIWrSJVtXWymjZwpVBuSrTsFLL1CJSiShEIkLNnJ7DPYLc5p65M86c8871eeBZeM7cOzK/ed/3fM0tSaVSHiVHy/gREAhFIARCEQiBUARCINQSA1ID34dricI9kH3wG7gFXk8U7oAk4KtwJ7xBtxHIgg/HpjbDD+C9gfZmorAfIWfh3jQwGCGOgNyAq0L6CMQBkA+GPqYsB0CGDX2MEAdAhgx9q+Ay4pATISVMW/aBDGboJxDLQEbgOdYROUCm4FECkQMkU2EnEAdAhllDZAEZZIQUT4Ss87hhZv0DMC2flOkJIoFY1Bd4hmlLDpC/ej5CIEKAZEpbzQRiX5yLCAPCZfgiihCmrBilrDICyU3f4MmQPnVwri7L+1XA17QJxHHaOgz3wZfhjQRSmMIeBUiD5x9B7YA36ba1BGK/jqit3nOev0jZEuhbEwcgiSICsh2+Ax8I6V+tv2BzjJDsNZhFylJFW50F7jXAmP9yNTJCclPU9axD8G14S8T7NsFfGSHZ6xc8bgCyEm6Fn2QBIxaFPeHwvUf0NzqoRp3S6nO4Z9EXdpc7dO8NI6n6HO/ZRCCFmYuY9ANuJxC7Q98wPYN3wY8IxG2EqJ3GK56/VDJuGBCwqC9Cn+DZCP/DuJ6Vdy5oG2NRz7/+wB8zvKZdp6jOQHsYELVaXE0g+U9b0/AF+Igu4kH9hifiWEdcAxkKmZ/sh2/CpsfdjRFI4SPkIbwb7olw7VgcC7uUCFEpSC2rn4B/Rrw2loU94fj91RmtfviYYea+pFKWayBqSLvH83/M4xGIjNPmUzleN5oHIHUEkj8tpqiv8Pzl/YsEUnggDRlS8XH4HXxK4iSymIGoTa5057tKPX9/PV0qe6yH1g26rYJA7ETJwqGv2l85Dw/ARwOvKycQu3VkK/wUvuulf4xgLYHYAaL25S/Br+GDhuvFpaxEkQMJ2xe5DicjXM8aYilCkhGvryIQO0CiqpJAZAFhynIEZE7PP24F2pcTSH41qSeIJhBt8E7PX9pvC/TXEIidKFGnVNTzgdWJeXVAYn5pXz1JeyYwaUwSSOGAqFMs9+Ad8Env/9/ET+u5idg6EgcgoxpEq46I05754QQvJaetOABRxXobfMaLdviuS3JhT8QASEeWr+8O/F3OCHErdbBiQupsfSkCUWe9XhGILD3nKEuWeghEll5w2CtL3+HPjBBZ6iIQWZqfsVcTiKwIqSQQGVKP6pjlTF2O1E8g3jJCZKmbNUReHeEoS9hIizVEkNTWbimByJE6BNFHILLUTyCyNEAgBBKqklQqRSSMEIpACIQiEAKhCIRAKJv6J8AAxEazfYi+RPkAAAAASUVORK5CYII=
">
<img class="img1" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAxJREFUeNrsnM1LVFEYxq85OJpfaKSVZUUf0MciiNpUtKhtLSOyD4LoD2hR0CqIWrSJVtXWymjZwpVBuSrTsFLL1CJSiShEIkLNnJ7DPYLc5p65M86c8871eeBZeM7cOzK/ed/3fM0tSaVSHiVHy/gREAhFIARCEQiBUARCINQSA1ID34dricI9kH3wG7gFXk8U7oAk4KtwJ7xBtxHIgg/HpjbDD+C9gfZmorAfIWfh3jQwGCGOgNyAq0L6CMQBkA+GPqYsB0CGDX2MEAdAhgx9q+Ay4pATISVMW/aBDGboJxDLQEbgOdYROUCm4FECkQMkU2EnEAdAhllDZAEZZIQUT4Ss87hhZv0DMC2flOkJIoFY1Bd4hmlLDpC/ej5CIEKAZEpbzQRiX5yLCAPCZfgiihCmrBilrDICyU3f4MmQPnVwri7L+1XA17QJxHHaOgz3wZfhjQRSmMIeBUiD5x9B7YA36ba1BGK/jqit3nOev0jZEuhbEwcgiSICsh2+Ax8I6V+tv2BzjJDsNZhFylJFW50F7jXAmP9yNTJCclPU9axD8G14S8T7NsFfGSHZ6xc8bgCyEm6Fn2QBIxaFPeHwvUf0NzqoRp3S6nO4Z9EXdpc7dO8NI6n6HO/ZRCCFmYuY9ANuJxC7Q98wPYN3wY8IxG2EqJ3GK56/VDJuGBCwqC9Cn+DZCP/DuJ6Vdy5oG2NRz7/+wB8zvKZdp6jOQHsYELVaXE0g+U9b0/AF+Igu4kH9hifiWEdcAxkKmZ/sh2/CpsfdjRFI4SPkIbwb7olw7VgcC7uUCFEpSC2rn4B/Rrw2loU94fj91RmtfviYYea+pFKWayBqSLvH83/M4xGIjNPmUzleN5oHIHUEkj8tpqiv8Pzl/YsEUnggDRlS8XH4HXxK4iSymIGoTa5057tKPX9/PV0qe6yH1g26rYJA7ETJwqGv2l85Dw/ARwOvKycQu3VkK/wUvuulf4xgLYHYAaL25S/Br+GDhuvFpaxEkQMJ2xe5DicjXM8aYilCkhGvryIQO0CiqpJAZAFhynIEZE7PP24F2pcTSH41qSeIJhBt8E7PX9pvC/TXEIidKFGnVNTzgdWJeXVAYn5pXz1JeyYwaUwSSOGAqFMs9+Ad8Env/9/ET+u5idg6EgcgoxpEq46I05754QQvJaetOABRxXobfMaLdviuS3JhT8QASEeWr+8O/F3OCHErdbBiQupsfSkCUWe9XhGILD3nKEuWeghEll5w2CtL3+HPjBBZ6iIQWZqfsVcTiKwIqSQQGVKP6pjlTF2O1E8g3jJCZKmbNUReHeEoS9hIizVEkNTWbimByJE6BNFHILLUTyCyNEAgBBKqklQqRSSMEIpACIQiEAKhCIRAKJv6J8AAxEazfYi+RPkAAAAASUVORK5CYII=
">
  <img  class="img2" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAxJREFUeNrsnM1LVFEYxq85OJpfaKSVZUUf0MciiNpUtKhtLSOyD4LoD2hR0CqIWrSJVtXWymjZwpVBuSrTsFLL1CJSiShEIkLNnJ7DPYLc5p65M86c8871eeBZeM7cOzK/ed/3fM0tSaVSHiVHy/gREAhFIARCEQiBUARCINQSA1ID34dricI9kH3wG7gFXk8U7oAk4KtwJ7xBtxHIgg/HpjbDD+C9gfZmorAfIWfh3jQwGCGOgNyAq0L6CMQBkA+GPqYsB0CGDX2MEAdAhgx9q+Ay4pATISVMW/aBDGboJxDLQEbgOdYROUCm4FECkQMkU2EnEAdAhllDZAEZZIQUT4Ss87hhZv0DMC2flOkJIoFY1Bd4hmlLDpC/ej5CIEKAZEpbzQRiX5yLCAPCZfgiihCmrBilrDICyU3f4MmQPnVwri7L+1XA17QJxHHaOgz3wZfhjQRSmMIeBUiD5x9B7YA36ba1BGK/jqit3nOev0jZEuhbEwcgiSICsh2+Ax8I6V+tv2BzjJDsNZhFylJFW50F7jXAmP9yNTJCclPU9axD8G14S8T7NsFfGSHZ6xc8bgCyEm6Fn2QBIxaFPeHwvUf0NzqoRp3S6nO4Z9EXdpc7dO8NI6n6HO/ZRCCFmYuY9ANuJxC7Q98wPYN3wY8IxG2EqJ3GK56/VDJuGBCwqC9Cn+DZCP/DuJ6Vdy5oG2NRz7/+wB8zvKZdp6jOQHsYELVaXE0g+U9b0/AF+Igu4kH9hifiWEdcAxkKmZ/sh2/CpsfdjRFI4SPkIbwb7olw7VgcC7uUCFEpSC2rn4B/Rrw2loU94fj91RmtfviYYea+pFKWayBqSLvH83/M4xGIjNPmUzleN5oHIHUEkj8tpqiv8Pzl/YsEUnggDRlS8XH4HXxK4iSymIGoTa5057tKPX9/PV0qe6yH1g26rYJA7ETJwqGv2l85Dw/ARwOvKycQu3VkK/wUvuulf4xgLYHYAaL25S/Br+GDhuvFpaxEkQMJ2xe5DicjXM8aYilCkhGvryIQO0CiqpJAZAFhynIEZE7PP24F2pcTSH41qSeIJhBt8E7PX9pvC/TXEIidKFGnVNTzgdWJeXVAYn5pXz1JeyYwaUwSSOGAqFMs9+Ad8Env/9/ET+u5idg6EgcgoxpEq46I05754QQvJaetOABRxXobfMaLdviuS3JhT8QASEeWr+8O/F3OCHErdbBiQupsfSkCUWe9XhGILD3nKEuWeghEll5w2CtL3+HPjBBZ6iIQWZqfsVcTiKwIqSQQGVKP6pjlTF2O1E8g3jJCZKmbNUReHeEoS9hIizVEkNTWbimByJE6BNFHILLUTyCyNEAgBBKqklQqRSSMEIpACIQiEAKhCIRAKJv6J8AAxEazfYi+RPkAAAAASUVORK5CYII=
">
    <img  class="img3" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAxJREFUeNrsnM1LVFEYxq85OJpfaKSVZUUf0MciiNpUtKhtLSOyD4LoD2hR0CqIWrSJVtXWymjZwpVBuSrTsFLL1CJSiShEIkLNnJ7DPYLc5p65M86c8871eeBZeM7cOzK/ed/3fM0tSaVSHiVHy/gREAhFIARCEQiBUARCINQSA1ID34dricI9kH3wG7gFXk8U7oAk4KtwJ7xBtxHIgg/HpjbDD+C9gfZmorAfIWfh3jQwGCGOgNyAq0L6CMQBkA+GPqYsB0CGDX2MEAdAhgx9q+Ay4pATISVMW/aBDGboJxDLQEbgOdYROUCm4FECkQMkU2EnEAdAhllDZAEZZIQUT4Ss87hhZv0DMC2flOkJIoFY1Bd4hmlLDpC/ej5CIEKAZEpbzQRiX5yLCAPCZfgiihCmrBilrDICyU3f4MmQPnVwri7L+1XA17QJxHHaOgz3wZfhjQRSmMIeBUiD5x9B7YA36ba1BGK/jqit3nOev0jZEuhbEwcgiSICsh2+Ax8I6V+tv2BzjJDsNZhFylJFW50F7jXAmP9yNTJCclPU9axD8G14S8T7NsFfGSHZ6xc8bgCyEm6Fn2QBIxaFPeHwvUf0NzqoRp3S6nO4Z9EXdpc7dO8NI6n6HO/ZRCCFmYuY9ANuJxC7Q98wPYN3wY8IxG2EqJ3GK56/VDJuGBCwqC9Cn+DZCP/DuJ6Vdy5oG2NRz7/+wB8zvKZdp6jOQHsYELVaXE0g+U9b0/AF+Igu4kH9hifiWEdcAxkKmZ/sh2/CpsfdjRFI4SPkIbwb7olw7VgcC7uUCFEpSC2rn4B/Rrw2loU94fj91RmtfviYYea+pFKWayBqSLvH83/M4xGIjNPmUzleN5oHIHUEkj8tpqiv8Pzl/YsEUnggDRlS8XH4HXxK4iSymIGoTa5057tKPX9/PV0qe6yH1g26rYJA7ETJwqGv2l85Dw/ARwOvKycQu3VkK/wUvuulf4xgLYHYAaL25S/Br+GDhuvFpaxEkQMJ2xe5DicjXM8aYilCkhGvryIQO0CiqpJAZAFhynIEZE7PP24F2pcTSH41qSeIJhBt8E7PX9pvC/TXEIidKFGnVNTzgdWJeXVAYn5pXz1JeyYwaUwSSOGAqFMs9+Ad8Env/9/ET+u5idg6EgcgoxpEq46I05754QQvJaetOABRxXobfMaLdviuS3JhT8QASEeWr+8O/F3OCHErdbBiQupsfSkCUWe9XhGILD3nKEuWeghEll5w2CtL3+HPjBBZ6iIQWZqfsVcTiKwIqSQQGVKP6pjlTF2O1E8g3jJCZKmbNUReHeEoS9hIizVEkNTWbimByJE6BNFHILLUTyCyNEAgBBKqklQqRSSMEIpACIQiEAKhCIRAKJv6J8AAxEazfYi+RPkAAAAASUVORK5CYII=
">
    <img  class="img4" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAxJREFUeNrsnM1LVFEYxq85OJpfaKSVZUUf0MciiNpUtKhtLSOyD4LoD2hR0CqIWrSJVtXWymjZwpVBuSrTsFLL1CJSiShEIkLNnJ7DPYLc5p65M86c8871eeBZeM7cOzK/ed/3fM0tSaVSHiVHy/gREAhFIARCEQiBUARCINQSA1ID34dricI9kH3wG7gFXk8U7oAk4KtwJ7xBtxHIgg/HpjbDD+C9gfZmorAfIWfh3jQwGCGOgNyAq0L6CMQBkA+GPqYsB0CGDX2MEAdAhgx9q+Ay4pATISVMW/aBDGboJxDLQEbgOdYROUCm4FECkQMkU2EnEAdAhllDZAEZZIQUT4Ss87hhZv0DMC2flOkJIoFY1Bd4hmlLDpC/ej5CIEKAZEpbzQRiX5yLCAPCZfgiihCmrBilrDICyU3f4MmQPnVwri7L+1XA17QJxHHaOgz3wZfhjQRSmMIeBUiD5x9B7YA36ba1BGK/jqit3nOev0jZEuhbEwcgiSICsh2+Ax8I6V+tv2BzjJDsNZhFylJFW50F7jXAmP9yNTJCclPU9axD8G14S8T7NsFfGSHZ6xc8bgCyEm6Fn2QBIxaFPeHwvUf0NzqoRp3S6nO4Z9EXdpc7dO8NI6n6HO/ZRCCFmYuY9ANuJxC7Q98wPYN3wY8IxG2EqJ3GK56/VDJuGBCwqC9Cn+DZCP/DuJ6Vdy5oG2NRz7/+wB8zvKZdp6jOQHsYELVaXE0g+U9b0/AF+Igu4kH9hifiWEdcAxkKmZ/sh2/CpsfdjRFI4SPkIbwb7olw7VgcC7uUCFEpSC2rn4B/Rrw2loU94fj91RmtfviYYea+pFKWayBqSLvH83/M4xGIjNPmUzleN5oHIHUEkj8tpqiv8Pzl/YsEUnggDRlS8XH4HXxK4iSymIGoTa5057tKPX9/PV0qe6yH1g26rYJA7ETJwqGv2l85Dw/ARwOvKycQu3VkK/wUvuulf4xgLYHYAaL25S/Br+GDhuvFpaxEkQMJ2xe5DicjXM8aYilCkhGvryIQO0CiqpJAZAFhynIEZE7PP24F2pcTSH41qSeIJhBt8E7PX9pvC/TXEIidKFGnVNTzgdWJeXVAYn5pXz1JeyYwaUwSSOGAqFMs9+Ad8Env/9/ET+u5idg6EgcgoxpEq46I05754QQvJaetOABRxXobfMaLdviuS3JhT8QASEeWr+8O/F3OCHErdbBiQupsfSkCUWe9XhGILD3nKEuWeghEll5w2CtL3+HPjBBZ6iIQWZqfsVcTiKwIqSQQGVKP6pjlTF2O1E8g3jJCZKmbNUReHeEoS9hIizVEkNTWbimByJE6BNFHILLUTyCyNEAgBBKqklQqRSSMEIpACIQiEAKhCIRAKJv6J8AAxEazfYi+RPkAAAAASUVORK5CYII=
">
    <img  class="img5" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAxJREFUeNrsnM1LVFEYxq85OJpfaKSVZUUf0MciiNpUtKhtLSOyD4LoD2hR0CqIWrSJVtXWymjZwpVBuSrTsFLL1CJSiShEIkLNnJ7DPYLc5p65M86c8871eeBZeM7cOzK/ed/3fM0tSaVSHiVHy/gREAhFIARCEQiBUARCINQSA1ID34dricI9kH3wG7gFXk8U7oAk4KtwJ7xBtxHIgg/HpjbDD+C9gfZmorAfIWfh3jQwGCGOgNyAq0L6CMQBkA+GPqYsB0CGDX2MEAdAhgx9q+Ay4pATISVMW/aBDGboJxDLQEbgOdYROUCm4FECkQMkU2EnEAdAhllDZAEZZIQUT4Ss87hhZv0DMC2flOkJIoFY1Bd4hmlLDpC/ej5CIEKAZEpbzQRiX5yLCAPCZfgiihCmrBilrDICyU3f4MmQPnVwri7L+1XA17QJxHHaOgz3wZfhjQRSmMIeBUiD5x9B7YA36ba1BGK/jqit3nOev0jZEuhbEwcgiSICsh2+Ax8I6V+tv2BzjJDsNZhFylJFW50F7jXAmP9yNTJCclPU9axD8G14S8T7NsFfGSHZ6xc8bgCyEm6Fn2QBIxaFPeHwvUf0NzqoRp3S6nO4Z9EXdpc7dO8NI6n6HO/ZRCCFmYuY9ANuJxC7Q98wPYN3wY8IxG2EqJ3GK56/VDJuGBCwqC9Cn+DZCP/DuJ6Vdy5oG2NRz7/+wB8zvKZdp6jOQHsYELVaXE0g+U9b0/AF+Igu4kH9hifiWEdcAxkKmZ/sh2/CpsfdjRFI4SPkIbwb7olw7VgcC7uUCFEpSC2rn4B/Rrw2loU94fj91RmtfviYYea+pFKWayBqSLvH83/M4xGIjNPmUzleN5oHIHUEkj8tpqiv8Pzl/YsEUnggDRlS8XH4HXxK4iSymIGoTa5057tKPX9/PV0qe6yH1g26rYJA7ETJwqGv2l85Dw/ARwOvKycQu3VkK/wUvuulf4xgLYHYAaL25S/Br+GDhuvFpaxEkQMJ2xe5DicjXM8aYilCkhGvryIQO0CiqpJAZAFhynIEZE7PP24F2pcTSH41qSeIJhBt8E7PX9pvC/TXEIidKFGnVNTzgdWJeXVAYn5pXz1JeyYwaUwSSOGAqFMs9+Ad8Env/9/ET+u5idg6EgcgoxpEq46I05754QQvJaetOABRxXobfMaLdviuS3JhT8QASEeWr+8O/F3OCHErdbBiQupsfSkCUWe9XhGILD3nKEuWeghEll5w2CtL3+HPjBBZ6iIQWZqfsVcTiKwIqSQQGVKP6pjlTF2O1E8g3jJCZKmbNUReHeEoS9hIizVEkNTWbimByJE6BNFHILLUTyCyNEAgBBKqklQqRSSMEIpACIQiEAKhCIRAKJv6J8AAxEazfYi+RPkAAAAASUVORK5CYII=
">
</div>
.img1{
  filter: invert(0.4);
}
.img2{
  filter: invert(0.4) sepia(1);
}
.img3{
  filter: invert(0.4) sepia(1) hue-rotate(20deg);
}
.img4{
  filter: invert(0.4) sepia(1) hue-rotate(20deg) saturate(1000%);
}
.img5{
    filter: contrast(40%) sepia(1) hue-rotate(20deg) saturate(1000%);
}

.box{
  background: black;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.