/* white you custom css code here. only css code will work */
.random-product-area-wrapper .row>div {
    margin-bottom: 15px !important;
}

.single-random-item {
    position: relative;
    overflow: hidden;
}

.single-random-item:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
}
.single-product-item .product-img-box a img{
      width: 320px !important;
	height: 300px !important;
    object-fit: cover;
}