.form-table label {
  display: inline-block;
  width: 30%;
  text-align: center;
  margin: 10px;
  position: relative;
}

.form-table input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.form-table img {
  display: block;
  max-width: 100%;
}

.form-table input[type="radio"] + img {
  opacity: 0.8;
}

.form-table input[type="radio"]:checked + img {
  opacity: 1;
}

.form-table label.active {
  border: 2px solid green;
}

.form-table label:hover {
  border: 2px solid lightblue;
}
@media only screen and (max-width: 768px) {
  .form-table label {
    width: 45%;
  }
}

@media only screen and (max-width: 480px) {
  .form-table label {
    width: 100%;
  }
}