monitor/src/app/home/home.component.css

.home-background {
  background-color: white;
}

@media only screen and (min-width: 1200px) {
  .home-background {
    position: relative;
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: contain;
    background-image: url("~src/assets/monitor-assets/home/monitor.jpg");
    height: calc(100vh - 1px);
  }

  .home-background .mask {
    position: absolute;
    top: 0;
    left: 30%;
    bottom: 0;
    right: 0;
    background-image: url("~src/assets/monitor-assets/home/mask.svg");
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: contain;
    background-attachment: fixed;
  }
}