diff --git a/docs/images/preview_bg_hidpi.png b/docs/images/preview_bg_hidpi.png
new file mode 100644
index 0000000..6adefc7
Binary files /dev/null and b/docs/images/preview_bg_hidpi.png differ
diff --git a/docs/images/preview_fg_hidpi.png b/docs/images/preview_fg_hidpi.png
new file mode 100644
index 0000000..38e90c2
Binary files /dev/null and b/docs/images/preview_fg_hidpi.png differ
diff --git a/docs/index.css b/docs/index.css
index 85732dd..f072718 100755
--- a/docs/index.css
+++ b/docs/index.css
@@ -97,7 +97,6 @@ body {
padding-right: 40px;
text-align: right;
width: 45ch;
- z-index: 1;
}
.discription__disclaimer {
color: var(--text-color-secondary);
@@ -156,26 +155,29 @@ body {
.preview {
grid-area: preview;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ user-select: none;
+ z-index: -1;
}
.preview--bg {
-webkit-mask-image: linear-gradient(to right, black, transparent);
mask-image: linear-gradient(to right, black, transparent);
- max-height: 712px;
- max-width: 912px;
- object-fit: none;
+ height: 668px;
+ object-fit: cover;
object-position: left;
opacity: 0.65;
width: 500px;
}
.preview--fg {
- margin-left: -60px;
- max-height: 281px;
- max-width: 462px;
- position: relative;
- grid-row-start: 2;
align-self: flex-start;
+ grid-row-start: 2;
+ margin-left: -60px;
+ height: 280px;
+ width: 462px;
+ position: relative;
}
.footer {
diff --git a/docs/index.html b/docs/index.html
index 20ef4a2..b1ab6de 100755
--- a/docs/index.html
+++ b/docs/index.html
@@ -57,8 +57,8 @@
-
-
+
+