.yolo-sc-testimonials-metro {

    .modern-grid {
        @media (max-width: 1300px) and (min-width: 1025px) {
            grid-template-columns: repeat(3, 1fr) !important;
        }
    }

    .testimonial-item-wrap {
        overflow: hidden;

        &.grid-width-2 .testimonial-item:before {
            padding-top: 50%;
        }

        &.grid-height-2 .testimonial-item:before {
            padding-top: 200%;
        }

        &.grid-width-2.grid-height-2 .testimonial-item:before {
            padding-top: 100%;
        }

        .testimonial-item {
            position: relative;
            display: flex;
            align-items: stretch;
            height: 100%;

            &:before {
                content: '';
                display: block;
                padding-top: 100%;
            }

            &:hover {
                .item-content-wrap {
                    opacity: 1;
                    transform: translateY(0);
                }

                .item-thumbnail {
                    .transform (scale3d(1.1, 1.1, 1.1));
                }
            }

            .item-thumbnail {
                transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                transform: translateZ(0);
            }

            .item-content-wrap {
                z-index: 1;
                position: absolute;
                width: 100%;
                bottom: 0;
                left: 0;
                border: none;
                color: @white;
                padding: 30px;
                padding-top: 50px;
                background: linear-gradient(0deg, rgb(0 0 0), transparent);
                opacity: 0;
                transform: translateY(100px);
                transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
            }

            .item-title {
                margin-top: 10px;
                color: @white;
            }

            .item-content {
                font-size: 26px;
                font-style: italic;
                line-height: 1.4;

                @media (max-width: 1300px) {
                    font-size: 20px;
                }
            }

            .author-wrap {
                display: flex;
                align-items: center;
                margin-top: 25px;

                .author-image {
                    width: 50px;
                    height: 50px;
                    float: left;
                    border-radius: 50%;
                    margin-right: 20px;
                    background-size: cover;
                    background-position: center;
                    background-repeat: no-repeat;

                    @media (max-width: 1300px) and (min-width: 1025px) {
                        display: none;
                    }
                }

                .author-name {
                    font-size: 18px;
                    line-height: 1;
                    margin-top: 0;
                    margin-bottom: 8px;
                    color: @white;
                }

                .author-position {
                    line-height: 1;
                    color: var(--primary_color);
                }
            }

        }

    }
}