/* Four complete columns; scoped to the system design overview. */
body.systemdesign-overview-page .sd-overview::before{
 inset:0;
 background-image:url('/assets/systemdesign-four-pillars-v398-v644.webp');
 background-size:contain;
 background-position:center;
 background-repeat:no-repeat;
 mix-blend-mode:multiply;
 opacity:.42;
 pointer-events:none;
 -webkit-mask-image:radial-gradient(ellipse 75% 95% at 50% 50%,#000 45%,transparent 100%);
 mask-image:radial-gradient(ellipse 75% 95% at 50% 50%,#000 45%,transparent 100%);
}
@media(max-width:1000px){
 body.systemdesign-overview-page .sd-overview::before{background-position:center 160px;opacity:.38;}
}
@media(max-width:620px){
 body.systemdesign-overview-page .sd-overview::before{
  inset:160px 0 auto;
  width:100%;
  height:auto;
  aspect-ratio:1672/941;
  background-size:100% auto!important;
  background-position:center top!important;
  opacity:.46!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);
 }
}