.main-container-dest { background-color: white; } .grid-container { display: grid; grid-template-rows: repeat(3, 1fr); gap: 0.25rem; width: 100%; height: 100%; position: absolute; top: 0; } .container-glass-dest { position: absolute; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; } .card-title-dest-sm { color: white; font-weight: 900; position: absolute; font-size: 1.5rem; z-index: 100; } .card-dest { display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .card-dest a { z-index: 100; } .card-image-dest { height: 100%; width: 100%; object-fit: cover; } @media (min-width: 640px) { .grid-container { grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; } } .card-title-dest { color: white; font-weight: 900; position: absolute; font-size: 2.25rem; z-index: 101; } @media (min-width: 1024px) { .card-title-dest { font-size: 3.75rem; } .card-dest a { z-index: 0; } .card-dest:hover { transform: scale(1.05); transition: transform 0.3s ease; } .card-dest:hover .put { display: none; } .container-glass-dest { display: flex; } .card-title-dest-sm { display: none; } } @media (min-width: 1580px) { .grid-container { overflow: hidden; } }