diff --git a/public/img/hero-video.mp4 b/public/img/hero-video.mp4 index e53a3f4..6080953 100644 Binary files a/public/img/hero-video.mp4 and b/public/img/hero-video.mp4 differ diff --git a/public/img/prism-still.jpg b/public/img/prism-still.jpg new file mode 100644 index 0000000..ec88452 Binary files /dev/null and b/public/img/prism-still.jpg differ diff --git a/public/index.html b/public/index.html index ef37f9b..a04201f 100644 --- a/public/index.html +++ b/public/index.html @@ -115,6 +115,7 @@ min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; + object-position: center center; z-index: 0; } @@ -301,7 +302,7 @@ .installations-grid { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } @@ -310,14 +311,16 @@ overflow: hidden; } - .installation-item img { + .installation-item img, + .installation-item video { width: 100%; height: 350px; object-fit: cover; transition: transform 0.5s ease; } - .installation-item:hover img { + .installation-item:hover img, + .installation-item:hover video { transform: scale(1.03); } @@ -677,7 +680,8 @@ grid-template-columns: 1fr; } - .installation-item img { + .installation-item img, + .installation-item video { height: 280px; } @@ -815,6 +819,13 @@

Accra · UV-Reactive Environment

+
+ Prism — light sculpture installation +
+

Prism

+

Light Sculpture · Kinetic

+
+