.bp_category_option {
        margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
}
.bp_category_option li h3 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
        font-weight: 700;
    font-style: normal;
       /* color: #000000;*/
        margin-top: 20px;
        transition: opacity .3s,transform .3s,background-color .3s;
}
.bp_category_option_item:hover img {
    transform: translateY(-5px);
}
.bp_category_option_item:hover h3 {
        background-color: #fff;
    transform: translateY(-15px);
}
.bp_category_option_item {
    overflow: hidden;
    position: relative;
}
.bp_category_option_item  img {
        transition: opacity .3s, transform .3s, background-color .3s;
}