/* Target empty images */
img:not([src]):not([srcset])::after,
img[src=""]::after {
    content: "";
    /* Position it to cover the entire img element */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 3. Apply your background/icon styles HERE instead of on the img */
    background-color: #f8f9fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999' class='bi bi-card-image' viewBox='0 0 16 16'%3E%3Cpath d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'/%3E%3Cpath d='M1.5 2A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13zm13 1a.5.5 0 0 1 .5.5v6l-3.775-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12v.54A.505.505 0 0 1 1 12.5v-9a.5.5 0 0 1 .5-.5h13z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50%;
    /* Ensure this layer is visible */
    /* display: block; */
}

.btn-whatsapp {
    background-color: #25D366;
    border-color: #25D366;
    color: #fff;
}

    .btn-whatsapp:hover {
        background-color: #1ebe5d;
        border-color: #1ebe5d;
        color: #fff;
    }

.btn-outline-whatsapp {
    color: #25D366;
    border-color: #25D366;
}

    .btn-outline-whatsapp:hover,
    .btn-outline-whatsapp:focus {
        background-color: #25D366;
        border-color: #25D366;
        color: #fff;
    }