.product-card{background:#D9D9D9;cursor:pointer;transition:background .5s ease-in-out;position:relative}.product-card:before{scale:0;rotate:180deg;transition:all .7s ease-in-out}.product-card:before,.product-card:hover:before{position:absolute;content:"";top:-30%;left:19%;width:382px;height:288px;background-image:url(/images/ourproduct/chili-elements.png);background-repeat:no-repeat;background-size:contain;background-position:50%}.product-card:hover:before{rotate:0deg;scale:1;transition:all .5s ease-in-out;animation:upDown;animation-iteration-count:infinite;animation-duration:7s;animation-delay:.2s}@keyframes upDown{0%{top:-30%}50%{top:-38%}to{top:-30%}}.product-card:hover{background:linear-gradient(180deg,#A63026,#CF3D30)}.product-card.yellow:hover{background:linear-gradient(180deg,#E0A206,#F4A60B)}.product-card.green:hover{background:linear-gradient(180deg,#849622,#9BC32D)}.product-card.hing:hover{background:linear-gradient(180deg,#D4B87A,#F4E0A5)}.product-card.yellow:hover:before{background-image:url(/images/ourproduct/turmeric-elements.png)}.product-card.green:hover:before{background-image:url(/images/ourproduct/cumin-elements.png)}.product-card.hing:hover:before{background-image:url(/images/ourproduct/hing-elements.png)}@media only screen and (max-width:1279px){.product-card:hover:before{left:24px}}@media only screen and (max-width:991px){.product-card:hover:before{left:0}}@media only screen and (max-width:768px){.product-card:hover:before{left:46px}}@media only screen and (max-width:520px){.product-card:hover:before{left:-20px}}