#margin-left, #margin-right{
    display: none;
}

/**
 * breakpoint: desktop-16x9;
 */
@media only screen and (min-width: 1224px){
  #margin-left, #margin-right{
    display: unset;
    opacity: .25;
    width: calc(100vw - 1220px);

    div {
      background-image: url(/assets/tiles/margintile.webp);
      opacity: .2;
      width: 100%;
      height: 100%;
    }
  }

  #margin-right{
    box-shadow: inset 30px 0 30px 30px rgba(255, 255, 255, 0.04);

    div {
      box-shadow: inset 30px 0 30px 30px rgba(0, 0, 0, 0.77);
    }
  }

  #margin-left{
    box-shadow: inset -30px 0px 30px 30px rgba(255, 255, 255, 0.04);

    div {
      box-shadow: inset -30px 0px 30px 30px rgba(0, 0, 0, 0.77);
    }
  }
}