28 lines
668 B
CSS
28 lines
668 B
CSS
.home-background {
|
|
background-color: white;
|
|
}
|
|
|
|
@media only screen and (min-width: 960px) {
|
|
.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;
|
|
}
|
|
}
|