.workspace-item img
{
    width:100%;
    height:400px;
    object-fit:cover;
}
.workspace-content 
{
    left:20px;
    right:20px;
}
.workspace-img {
    overflow: hidden;
    border-radius: 12px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

    .workspace-img img {
        width: 100%;
        height: 400px;
        transition: transform 0.6s ease, filter 0.4s ease;
        transform-origin: center center;
    }

    /* تأثير hover لأجهزة الكمبيوتر */
    .workspace-img:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
    }

        .workspace-img:hover img {
            transform: scale(1.1);
            filter: brightness(1.1);
        }

    /* تأثير عند اللمس في الجوال */
    .workspace-img:active {
        transform: translateY(-8px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
    }

        .workspace-img:active img {
            transform: scale(1.1);
            filter: brightness(1.1);
        }