.td-hero-area {
    position: relative; /* ensure canvas is positioned relative to hero */
    overflow: hidden;
}

#hero-mesh {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0; /* under hero content (hero content uses z-index:1) */
    pointer-events: none; /* allow clicks through the canvas */
}

/* reduce rendering burden on very small screens */
@media (max-width: 480px){
    #hero-mesh{ opacity: 0.7 }
}