Move background to it's own tag

This commit is contained in:
Jakub Nowak 2025-02-09 17:08:52 +08:00
parent 915b275aab
commit 1cc2eb19a9
2 changed files with 83 additions and 76 deletions

View file

@ -9,16 +9,22 @@ body {
color: var(--on-surface);
font-family: sans-serif;
/* main background image */
background-image: var(--background);
//background-size: auto;
background-repeat: no-repeat;
background-position: center center;
/* Disable overflow */
overflow: hidden;
}
.bg {
position: absolute;
object-fit: cover;
object-position: center;
heigh: 100%;
width: 100%;
z-index: -100;
content: var(--background);
}
.silhouette {
position: absolute;
top: 0;

View file

@ -11,6 +11,7 @@
</head>
<body>
<img class="bg"/>
<div class="silhouette hideable hidden"></div>
<div id="clock-box" class="top-middle center-text top-bleed-extra">