.club-card {
 display: flex;
 align-items: center;
 justify-content: space-between;
 flex-wrap: wrap;
 max-width: 1200px;
 margin: 2rem auto;
 background-color: #fff;
 border-radius: 16px;
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 overflow: hidden;
 gap: 1.5rem;
 padding: 1.5rem;
}

/* LEFT IMAGE WITH ROUNDED CORNERS */
.club-image {
 flex: 0 0 240px;
 /*height: 200px;*/ /* prevents it from stretching too large */
 overflow: hidden;
 border-radius: 16px;
 aspect-ratio: 1 / 1;
}

.club-image img {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 object-position: center;
}

.club-info {
 flex: 1 1 50%;
 padding: 1.5rem;
}

.club-info h2 {
 font-weight: bold;
}

/*mobile optimization*/
 @media (max-width: 768px) {
 .club-card {
 flex-direction: column;
 object-position: center;
 }
 .club-info h2 {
 text-align: center;
 }
}