position: relative; overflow: hidden; height: auto; /* Adjust height as needed */ } .cardes{ display: flex; justify-content: center; } .carda{ display:flex; flex-direction:row!important; align-content:flex-start; } .rowcard{ display: flex; } .reasons .container { margin: 10px; } .card-title{ font-weight:bold; font-size:20px; } .card-img:hover{ filter:brightness(55%) } .card-img { width: 320px; max-height: 280px; object-fit: cover; filter: brightness(70%) } .card-img-overlay { position: absolute; top: 20px; left: 20px; color: white; z-index: 1; } .card-title-overlay { top: 10px; } .countdown-overlay { position: absolute; bottom:30%; left: 20px; } .fee-prize-section { background-color: RGB(42,43,48); /* Gray background color */ box-sizing:inherit; display:flex; justify-content:space-between; padding:15px; text-align:left; } .countdown-ovrly{ background-color:#f6f7f7; padding: 5px 10px; border-radius:10px; color:black; font-weight:bold; font-size:12px; } .toptext{ font-size:12px; } .bottextleft{ font-size:20px; font-weight:bold; } .bottextright{ font-size:20px; font-weight:bold; color:gold; } .container{ flex-direction:row!important; } .toptxt { font-size: 30px; justify-items: center; display: grid; } .bottxt { font-size: 24px; justify-items: center; display: grid; } .bolding{ font-weight:bold!important; } @media (max-width: 1100px){ .rowcard{ flex-direction:column!important; } }