.emp-card-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.emp-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 1;
}

.emp-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-color 0.4s ease;
    z-index: 2;
}

.emp-card-container:hover .emp-card-bg {
    transform: scale(1.05);
}

/* Flexboxes inside card wrappers for alignment */
.emp-card-normal-wrapper,
.emp-card-hover-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    z-index: 3;
    pointer-events: none;
}

.emp-card-normal-content,
.emp-card-hover-content {
    width: 100%;
}

.emp-card-normal-wrapper {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.emp-card-hover-wrapper {
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Hover States: Hide normal panel, reveal hover panel */
.emp-card-container:hover .emp-card-normal-wrapper {
    opacity: 0;
    transform: translateY(-15px);
}

.emp-card-container:hover .emp-card-hover-wrapper {
    opacity: 1;
    transform: translateY(0);
}

/* Typography elements */
.emp-text-1 {
    font-weight: bold;
    margin: 0;
}

.emp-text-2 {
    margin: 0;
}

.emp-hover-text-1 {
    margin: 0;
}

.emp-hover-text-2 {
    margin: 0;
}