<input type="checkbox" name="" id="" class="pp">
<img src="pp.png" alt="">
<style>
.pp {
position: fixed;
z-index: 9999999;
top: 20px;
left: 20px;
}
.pp+img {
display: none;
}
.pp:checked+img {
display: block;
position: absolute;
top: 50px;
left: -37px;
right: 0;
margin: auto;
z-index: 999999;
opacity: 0.5;
-webkit-filter: invert(100%);
}
</style>