.categoryCard{
    position: relative;
    height:100px;
    width:100%;
    border:0px solid blue;
    border-radius:20px;
    margin-top:10px;
    overflow: hidden;
    cursor:pointer;
}

.categoryCard .categoryName{
    position: absolute;
    top: 50%;
    left: 0;
    -ms-transform: translate(0%,-50%);
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
    margin:0;
    padding-left:15%;
    padding-right:30%;
    font-size:20px;
    font-weight:700;
    color:white;
    border-radius:20px;
    line-height:100px;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
}

.categoryCard img{
    width:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    object-fit:cover;
    border-radius:0px 20px 20px 0px;
}