.col.col-12.col-md-4 {
    position: relative;
    overflow: hidden;
}

.col.col-12.col-md-4::after {
    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 36px;
    font-weight: bold;

    opacity: 0;
    transition: 0.3s ease;

    z-index: 2;
    pointer-events: none;
}

.col.col-12.col-md-4:hover::after {
    opacity: 1;
}

/* Bearings */
.col.col-12.col-md-4:has(img[src*="bearings"])::after {
    content: "BEARINGS";
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="thermal"])::after {
    content: "THERMAL IMAGING";
}

.col.col-12.col-md-4:has(img[src*="bsm"])::after {
    content: "BULK MATERIALS & HANDLING EQUIPMENT";
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="cjc"])::after {
    content: "OIL FILTRATION";
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="tws45n-048"])::after {
    content: "HYDRAULIC TOOLS";
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="a6e46ae6"])::after {
    content: "TRAINING";
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="sew-footer"])::after {
    content: "SEW EURODRIVE";
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="laser"])::after {
    content: "FixturLaser";
}

/* Example: add more like this */
.col.col-12.col-md-4:has(img[src*="cdbcf6de"])::after {
    content: "OTHER PRODUCTS";
}


/* =============================================Mobile auto-hover========================================== */
@media (hover: none) {
    .col.col-12.col-md-4::after {
        opacity: 1; /* always visible on phones */
    }

    .col.col-12.col-md-4 img {
        filter: brightness(0.6); /* match your hover effect */
    }
}