.product-container {
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
}

.product-container img {
    max-width: 100%;
    height: 308px;
    border-radius: 5px;
}


#toastContainer .toast {
    max-width: 100%;
}

@media (min-width: 576px) {
    #toastContainer .toast {
        max-width: 500px;
        /* Adjust based on your preference */
    }
}