.levelfit-card {
 display: flex;
 align-items: stretch;
 gap: 50px;
 background: #fff;
 border-radius: 16px;
 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
 padding: 24px;
 max-width: 1200px;
 margin: 40px auto;
 overflow: hidden;
}

.levelfit-card img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 border-radius: 16px; /* match container radius */
}

.levelfit-card-left {
 flex: 0 0 38%; /* controls image width */
 max-height: 6800px; /* makes image tall to match text */
 overflow: hidden;
 align-self: left;
 border-radius: 16px;
 flex-direction: center;
 gap: 45px; 
}

/* Mobile adjustments */
@media (max-width: 768px) {
 .levelfit-card {
 flex-direction: column-reverse;
 padding: 18px;
 }
 .btn.btn-primary {
 display: block;        /* ensures it can take margin auto */
 margin: 24px auto 0;   /* centers it horizontally */
 text-align: center;    /* keeps text centered */
 width: fit-content;
 }
}