links/app/assets/stylesheets/web_resources_front.css.scss

// Place all the styles related to the act controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.index-link{
    .link-img-wrap {
        display: inline-block;
        width: 30%;
        @media (max-width: 768px){
            width: 50%;
        }
        overflow: hidden;
        img {
            max-height: 100%;
            max-width: 100%;
            height: auto;
            width: auto;
        }
    }
}
.index-link.index2 li.col-md-4{
    float: left;
    .link-img-wrap {
        height: 12.5em;
        width: auto;
    }
    a:hover .link-title{
        color: #0032b2;
        font-size: 1.15em;
    }
    @media (min-width: 992px){
        width: 33.3333%;
    }
    @media (min-width: 577px) and (max-width: 991px){
        width: 50%;
    }
    @media (max-width: 576px){
        width: 100%;
        a .link-img-wrap {
            height: auto;
        }
    }
    @media (max-width: 768px){
        .link-img-wrap {
            width: auto;
        }
    }
}