body{
  background: #25A9FC;
}

.box-canvas{
  position: relative;
  margin: auto;
  display: block;
  margin-top: 8%;
  margin-bottom: 8%;
  width: 500px;
  height:600px;
}

.glass-section {
  position: absolute;
  left: 50px;
  top: 100px;
}

.toothbrush {
  position: absolute;
  left: 80px;
  width: 15px;
  height: 220px;
  background: lightgreen;
  border-radius: 0 20% 20% 20%;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}

.toothbrush::after {
  content: '';
  right: 15px;
  position: absolute;
  background: repeating-linear-gradient(white, white 2px, gray 3px);
  width: 25px;
  height: 40px;
}

.glass {
  position: absolute;
  top: 50px;
  left: 50px;
  width: 150px;
  height: 170px;
  background: rgba(255,255,255,0.5);
  -webkit-clip-path: polygon(20% 100%, 80% 100%, 100% 0, 0 0);
          clip-path: polygon(20% 100%, 80% 100%, 100% 0, 0 0);
}

.toothpaste {
  position: absolute;
  left: 120px;
  top: 35px;
  width: 50px;
  height: 180px;
  background: white;
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}

.toothpaste::before {
  content: '';
  position: absolute;
  top: 25px;
  right: 0;
  background: red;
  width: 30px;
  height: 130px;
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
}

.cap {
  position: absolute;
  left: 176px;
  top: 20px;
  background: repeating-linear-gradient(to left, white, white 3px, lightgray 4px);
  -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
  width: 25px;
  height: 25px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}

.mirror-section {
  position: absolute;
  right: 60px;
}

.mirror {
  position: absolute;
  right: 0;
  width: 150px;
  height: 150px;
  background: lightblue;
  border-radius: 50%;
  border: 10px solid gray;
  overflow: hidden;
}

.mirror::after {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  background: rgba(255,255,255,0.5);
  left: 65px;
  top: 65px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.stand {
  position: absolute;
  background: gray;
  height: 200px;
  width: 10px;
  right: 85px;
  top: 115px;
}

.stand::after {
  content: '';
  position: absolute;
  top: 180px;
  left: -55px;
  background: gray;
  width: 125px;
  height: 30px;
  border-radius: 50%;
}

.shelf {
  position: absolute;
  top: 270px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 410px;
  height: 80px;
  background: lightblue;
  border-radius: 30% 50%;
}