.employee-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.16);
 overflow: hidden;
}

/* LEFT IMAGE WITH ROUNDED CORNERS */
.employee-image {
 flex: 1 1 45%;
 min-width: 280px;
 overflow: hidden;
 border-top-left-radius: 16px;
 border-bottom-left-radius: 16px;
}

.employee-image img {
 width: 100%;
 height: auto;
 display: block;
 object-fit: cover;
}

.employee-info {
 flex: 1 1 50%;
 padding: 2rem;
}

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

/* Mobile optimization */
@media (max-width: 768px) {
 .employee-card {
 flex-direction: column;
 }
 .employee-image,
 .employee-info {
 flex: 1 1 100%;
 }
 .employee-image {
 border-top-left-radius: 16px;
 border-top-right-radius: 16px;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
 }
 .employee-info {
 padding: 1.5rem;
 }
 .employee-info h2 {
 text-align: center;
 }
}