@use "../../abstracts/index" as *;



.testimonial-v01 {
    padding: 48px;
    border: 1px solid var(--white-16);
    display: grid;
    gap: 40px;

    .tes-author {
        position: relative;
    }

    .author_image {
        position: relative;

        &::after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(270deg, #000 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #000 100%),
                linear-gradient(180deg, #000 0%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0) 80%, #000 100%);
            mix-blend-mode: luminosity;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100);
        }
    }

    .author_info {
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        text-align: center;
    }

    .tes-text {
        text-align: center;
    }

    @include res(xl) {
        padding: 30px;
        gap: 30px;
    }

    @include res(lg) {
        padding: 20px 15px;
        gap: 24px;
    }
}