diff --git a/assets/css/_partial/_image.scss b/assets/css/_partial/_image.scss index 75eba32..fc65069 100644 --- a/assets/css/_partial/_image.scss +++ b/assets/css/_partial/_image.scss @@ -8,13 +8,15 @@ display: flex; align-items: center; // prevent webkit from partly repainting the frame - box-shadow: 0 0 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); img { max-height: 55vmin; max-width: 100vw; object-fit: contain; width: auto; + // prevent webkit from partly repainting the frame + box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); } &[data-status='t0'] { @@ -24,6 +26,8 @@ max-width: 100vw; display: flex; align-items: center; + // prevent webkit from partly repainting the frame + box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); img { transition: all 0.5s ease-in-out 2s; @@ -31,6 +35,8 @@ width: auto; max-width: 100vw; object-fit: contain; + // prevent webkit from partly repainting the frame + box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); } } @@ -64,6 +70,8 @@ max-width: 100vw; display: flex; align-items: center; + // prevent webkit from partly repainting the frame + box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); img { transition: all 1s ease-in-out 0s; @@ -71,6 +79,8 @@ max-width: 100vw; object-fit: contain; width: auto; + // prevent webkit from partly repainting the frame + box-shadow: 0 0 2px rgba(0, 0, 0, 0.05); } }