.IncreasedWorkload-container {
    position: relative;
    width: 700px;
    height: 495px;
    display: flex;
    border-radius: 20px;
    background-color: transparent;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.background-imageiw {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the container */
    z-index: 1; /* Background image at the lowest layer */
}

/* GIF animation */
.IncreasedWorkloadgif {
    width:370px;
    position: relative;
    z-index: 2; /* Ensure the GIF is above the background image */
    transform: scale(1); /* Start at normal size */
    animation: pop 1s ease-in-out infinite alternate; /* Continuously animate */
}

/* Keyframes for the pop-up and unpop effect */
@keyframes pop {
    0% {
        transform: scale(1); /* Start at normal size */
    }

    100% {
        transform: scale(1.2); /* Scale up slightly */
    }
}