* {
    padding: 0;
    margin: 0;
    direction: ltr;
    
}

.all {
    width: 100%;
    height: auto;
    margin:0 auto;
    background-image: url('/img/opa5.png');
    background-repeat: repeat-y;
    background-position-y: 50vh;
    background-color: transparent;
    
}


.productimg {
    width: 225px;
    height: 225PX;
    object-fit: fill;
    filter: drop-shadow(-2px 15px 30px #343434);
    cursor: pointer;
    transition: .8s linear;
}

.divproductimg {
    height: auto;
    width: 225px;
    display: flex;
    align-items: center;
    position: relative;
    
}

.productimg:hover {
    position: absolute;
    z-index: 10;
    transform:translateX(-150px)  scale(1.5);
    filter: drop-shadow(-12px 250px 130px #343434);
}