/* CSS for positioning custom symbol image */
.product-images, .product-image {
    position: relative;
}

.product-images::after, .product-image::after {
    content: '';
    background-image: url('https://healthybean.org/wp-content/uploads/2024/04/sustainable-4.png') !important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px; /* Adjust this value to change the vertical position */
    left: 10px; /* Adjust this value to change the horizontal position */
    width: 70px; /* Adjust width of the custom symbol */
    height: 70px; /* Adjust height of the custom symbol */
    z-index: 99;
    border-radius: 50%;
    /* Add any other styles you want for the custom symbol */
}