#monster {
    width: 90%;
    margin: auto;
    position: relative;
    z-index: 15;
    filter: drop-shadow(0px -10px 5px rgb(255, 0, 0, 0.5));
    /* filter: drop-shadow(0px -10px 5px rgb(255, 0, 0, 0.5)) drop-shadow(0px 50px 10px rgb(255, 0, 0, 0.1)) drop-shadow(0px 35px 10px rgb(0, 0, 255, 0.2)) drop-shadow(0px 9px 10px rgb(200, 255, 0, 0.2)); */
}

#monster > figure {
    position: relative;
    height: 500px;
    background-color: black;
    z-index: 15;
    clip-path: polygon(30% 0, 45% 100%, 0 0, 30% 35%, 50% 10%, 70% 35%, 100% 0, 55% 100%, 70% 0, 50% 75%);
}

#monster > figure .eye {
    background: white;
    height: 20px;
    width: 20px;
    position: relative;
    clip-path: circle(50% at 50% 50%);
}

#monster > figure .mouth {
    background: white;
    height: 28px;
    width: 49px;
    position: relative;
    clip-path: polygon(0% 15%, 16% 0, 46% 0, 85% 0%, 100% 15%, 96% 79%, 79% 52%, 61% 83%, 45% 44%, 32% 74%, 20% 40%, 0% 85%);
}