diff --git a/includes/header.php b/includes/header.php
index ae0870c..6f11520 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -28,7 +28,7 @@
-
+
diff --git a/style.css b/style.css
index 0959d98..b5d2676 100644
--- a/style.css
+++ b/style.css
@@ -318,15 +318,17 @@ article, section, aside {
.carousel > div, .carousel > a {
position: relative;
display: block;
- width: 20vw;
- min-width: 12em;
- max-width: 18em;
height: 20vh;
min-height: 9em;
max-height: 18em;
+ aspect-ratio: 1;
background-size: cover;
background-position: center;
border-radius: 1em;
+ transition: aspect-ratio 500ms;
+}
+.carousel > a:hover {
+ aspect-ratio: 8/5;
}
.carousel > *:not(:last-child) {
margin-right: 1em;