CSS & Image Optimzations, Print password

- Prints password required to access.
- will-change lets the browser prepare for those changes in advance.
- loading="lazy" enables lazy loading on images.

- column-fill: balance -- not an optimization.

1 files changed, 2 insertions, 0 deletions

diff --git a/resources/css/style.css b/resources/css/style.css
index a7ab098..a49327e 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -47,6 +47,7 @@ img {
     max-width: 100%;
     box-shadow: var(--bg-inactive) 0px 0px 0px 1px,
                 var(--fg-inactive) 0px 0px 0px 1px inset;
+    will-change: opacity, transform;
 }
 
 input, .alert {
@@ -87,6 +88,7 @@ img, .text, .heading {
 .gallery {
     column-count: auto;
     column-width: 384px;
+    column-fill: balance;
 }
 .gallery img {
     transform-origin: center;