ChangeBlindnessInQualtricsHTML.html

<div id="basicdiv" style="position: relative; left: 0; top: 0; width: 920px; height: 575px;background-color:#666666;">

  <img id="imgmask" src=
  "https://uleidenss.eu.qualtrics.com/CP/Graphic.php?IM=IM_0Mw5SEViwkr67BP"
  style="position: absolute; top: 0; left: 0; width: 920px; height: 575px; z-index: 1;">
  <img id="imgself1" src=
  "https://uleidenss.eu.qualtrics.com/CP/Graphic.php?IM=IM_8wE16Ir2f8GOW2h"
  style="position: absolute; top: 0; left: 0; width: 920px; height: 575px; z-index: 2;">
  <img id="imgself2" src=
  "https://uleidenss.eu.qualtrics.com/CP/Graphic.php?IM=IM_5mNxaldk6WwG4SN"
  style="position: absolute; top: 0; left: 0; width: 920px; height: 575px;">
  
</div>

<div id="click" style="text-align: center;display:none;">
  <span style="font-size: 26px; text-decoration: underline"><strong>Click here
  to start with the task.</strong></span>
</div>

<div id="psych" style="text-align: center;">
  &nbsp;
</div>

<style type="text/css">
#imgself2 {
   z-index: 3;
}
#imgself1 {
   z-index: 2;
}
#imgmask {
   z-index: 1;
}
#imgself1,#imgself2,#imgmask {
   position: absolute; top: 0; left: 0; width: 920px; height: 575px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
   cursor:pointer;
}
#Buttons {
   display:none;
}
</style>