From 459daf21f217ef5c6f9f5ba30a18d31f1f3126b5 Mon Sep 17 00:00:00 2001
From: Clinton <clinton.langosch@gmail.com>
Date: Mon, 27 Sep 2021 14:50:33 -0700
Subject: [PATCH] fix: center image in slider, fade out when image slides and
 leaves

---
 src/components/ImageSlider.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ImageSlider.js b/src/components/ImageSlider.js
index c90d17be5..5c50e18eb 100644
--- a/src/components/ImageSlider.js
+++ b/src/components/ImageSlider.js
@@ -35,6 +35,7 @@ const ImageSlider = ({ images, height }) => {
           position: relative;
           display: flex;
           align-items: center;
+          justify-content: center;
           height: ${height}px;
           overflow: hidden;
           ${images.length === 1 && 'margin-bottom: 2rem;'}
@@ -114,6 +115,7 @@ const ImageSlider = ({ images, height }) => {
             }}
             enter={{ opacity: 1, transform: 'translate3d(-0%, 0px, 0px)' }}
             leave={{
+              opacity: 0,
               transform: `translate3d(${forward ? '-100%' : '100%'}, 0px, 0px)`,
             }}
             delay={200}