label {
   font-weight: lighter;
   cursor:pointer;
 }

 input[type="radio"] {
    display:none;
 }

 input[type="radio"] + label {
    background: url('../img/check-a.png') left 1px no-repeat;
    padding-left: 10px;
    padding-bottom: 5px;
 }

 input[type="radio"]:checked + label {
    background-image: url('../img/check-a.png');
 }

 <form onSubmit="submitValue()" id="comp" name="comp" action="https://registration.disneyinternational.com/login.htm" method="get">
    <div class = "row form-row padding-top-20">
       <div class = "col-md-3 text-center wrapper-q1">
          <p>
             <input class="question1" id = "schurk1" type="radio" name="q1" value="Parade">
             <br />
             <label class = "pointer label3" for = "schurk1">
                De Boze Stiefmoeder
             </label>
          </p>
        </div>
        <div class = "col-md-3 text-center wrapper-q1">
           <p>
              <input class="question1" id = "schurk2" type="radio" name="q1" value="Parade">
              <br />
              <label class = "pointer label3" for = "schurk2">
                  Cruella
              </label>
            </p>
         </div>
         <div class = "col-md-3 text-center wrapper-q1">
            <p>
              <input class="question1" id = "schurk3" type="radio" name="q1" value="Parade">
              <br />
              <label class = "pointer label3" for = "schurk3">
                 Maleficent
              </label>
            </p>
         </div>
         <div class = "col-md-3 text-center wrapper-q1">
            <p>
              <input class="question1" id = "schurk4" type="radio" name="q1" value="Parade">
              <br />
              <label class = "pointer label3" for = "schurk4">
                  Jafar
              </label>
            </p>
         </div>
     </div>
 </form>