diff --git a/src/styles/cardGames.css b/src/styles/cardGames.css index 1f31c95..1e6aadd 100644 --- a/src/styles/cardGames.css +++ b/src/styles/cardGames.css @@ -17,13 +17,19 @@ transform: scale(1); } +.cardGameMainWrapper { + position: relative; + padding-top: 150%; +} + .cardGameMain { border-radius: 15px; box-shadow: 0 0 8px 0 rgb(0, 0, 0, 0.1); width: 100%; object-fit: cover; /* Ensures the image covers the container like a background image */ - height: 396px; - max-width: 264px; + position: absolute; + height: 100%; + top: 0; } .cardGameMainTitle {