.course_tile {

    background-color: #292929 !important;

    color: white;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 200px;

    float: left;

    font-size: 25px;

    margin-left: 10px;

    margin-right: 10px;

    box-sizing: border-box;

    width: 30%;

    text-align: center;

    text-decoration: none;

    margin-bottom: 20px;

    position: relative;

    background-size: cover;

    width: calc(33.33% - 20px);

    min-width: 200px;

    overflow: hidden;

}



.course_tile:hover .over_image{

    position: absolute;

    -moz-transform: scale(1.20);

    -webkit-transform: scale(1.20);

    transform: scale(1.20);

}



.over_image {

    -moz-transition: all .5s;

    -webkit-transition: all .5s;

    transition: all .5s;

    -moz-transform: scale(1,1);

    -webkit-transform: scale(1,1);

    transform: scale(1,1);

    -moz-background-size: cover;

    -webkit-background-size: cover;

    background-size: cover;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

}



.over_color {

    position: absolute;

    width: 100%;

    color: white;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    top: 0;

    text-align: center;

    background-color: rgba(0, 0, 0, 0.57);

}



@media screen and (max-width: 500px) {

    .course_tile{

        width: calc(100% - 30px);

        float: none;

    }

}