diff --git a/src/components/Feed/ArticleCard/ArticleCard.module.scss b/src/components/Feed/ArticleCard/ArticleCard.module.scss index 152037cb..660df8ca 100644 --- a/src/components/Feed/ArticleCard/ArticleCard.module.scss +++ b/src/components/Feed/ArticleCard/ArticleCard.module.scss @@ -12,7 +12,7 @@ } &:hover { - .shoutCardCover img { + .shoutCardCover { transform: scale(1.05); } } @@ -89,6 +89,7 @@ } .shoutCardCoverContainer { + overflow: hidden; position: relative; } @@ -99,13 +100,13 @@ overflow: hidden; padding-bottom: 56.2%; position: relative; + transform-origin: 50% 50%; + transition: transform 1s ease-in-out; img { height: 100%; object-fit: cover; position: absolute; - transform-origin: 50% 50%; - transition: transform 1s ease-in-out; width: 100%; } diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx index 0ce768fb..bbfec7a1 100644 --- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx +++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx @@ -47,11 +47,13 @@ export const ArticleCardSwiper = (props: Props) => { round-lengths={true} loop={true} speed={800} + /* autoplay={{ disableOnInteraction: false, delay: 6000, pauseOnMouseEnter: true }} +*/ > {(slide, index) => (