@media only screen and (min-width: 1025px) and (max-width: 1159px) {
    .ref-container .container {
        max-width: 100% !important;
    }

    .team-image {
        width: 77px;
    }

    .team-title-name {
        font-size: 1.2rem;
    }
}

@media only screen and (min-width: 1160px) and (max-width: 1259px) {
    .team-image {
        width: 90px;
    }
}

@media only screen and (min-width: 1260px) and (max-width: 1400px) {
    .team-image {
        width: 100px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1500px) {
    .team-image {
        width: 110px;
    }

    .reference-container .carousel-control-prev {
        left: 0;
    }

    .reference-container .carousel-control-next {
        right: 0;
    }
}