Convert checkboxes to select photos using Css only

convert-checkbox-to-imagebox-selector.css

//remove checkbox 
input[type=checkbox]~label:after, input[type=checkbox]~span:after,input[type=checkbox]~label:before, input[type=checkbox]~span:before{
    all:'';
}

#checkBoxInputs {
    visibility: hidden;
}

//add image to input
#checkBoxInputs::after {
  visibility: visible;
  content: "";
  color: red;
  padding:50px;
  background-color:green;
  background-image: url(https://website.com/example.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

//style for checked input
#checkBoxInputs:checked::after {
  border:2px solid green;
  border-radius: 5px;
}