Help Pikachu with CSS

/*
  __________index.html__________
  <body>
    <div id="image">
      <img src="..." alt="..." id="head" >
      <div id="face">
        <div id="eyes">
          <img src="..." alt="..." id="left-eye">
          <img src="..." alt="..." id="right-eye">
        </div>
        <img src="...-" alt="..." id="nose">
        <div id="cheaks">
          <img src="..." alt="..." id="left-cheak">
          <img src="..." alt="..." id="right-cheak">
        </div>
        <img src="..." alt="..." id="mouth">
      </div>
    </div>
  </body>
*/

/* ==================================================== */
/* :::::::::::::::::::: Edit Below :::::::::::::::::::: */
/* ==================================================== */

* {
  margin: 0;
}

img {
  display: block;
}

#image {
  position: relative;
}

#head {
  width: 100%;
}

#face {
  position: absolute;
  top: 40%;
  left: 25%;
  right: 3%;
  bottom: 5%;
  margin-left: 10%;
}

#eyes {
  
}

#left-eye {
  width: 10%;
}

#right-eye {
  width: 10%;
}

#nose {
  width: 8%;
}

#cheaks {

}

#left-cheak {
  width: 15%;
}

#right-cheak {
  width: 15%;
}

#mouth {
  width: 17%;
}