.quote-wrapper {
    position: relative;
    padding: 24px 0;
    background-color: #fdf6e4;
    background-image: url(//www.juniorscheesecake.com/cdn/shop/t/43/assets/Vector.svg?v=104648484956620116281761507634);
    .quote-block {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fdf6e4;
        padding: 43px 0 53px;
    }
    .left-image,
    .right-image {
        width: 375px;
        height: auto;
        position: absolute;
        max-height: 270px;
        object-fit: contain;
    }

    .left-image{
        transform: translate(-50%,-40%);
        left: 0;
        top: 0;
    }

    .right-image{
        right: 0;
        bottom: 0;
        transform: translate(39%, 54%);
    }
    .reverse-image .left-image{
        top: 72%;
    }
    .reverse-image  .right-image {
        bottom: 90%;
    }
    .user-image {
        filter: grayscale(100%);
        border-radius: 50%;
        max-width: 160px;
    }
    .quote-content {
        display: flex;
        align-items: center;
        .quote-text {
            font-family: "ITC Cheltenham Std"!important;
            color: #D93400;
            text-align: right;
            font-family: sans-serif;
            font-size: 60px;
            font-style: normal;
            font-weight: 400;
            line-height: 100%;
            max-width: 470px;
            margin-right: 58px;
        }
        .user-image-wrapper {
            max-height: 170px;
            position: relative;
            border-radius: 50%;
            overflow: hidden;
            margin-right: 18px;
            .user-image {
                filter: grayscale(100%);
                max-width: 139px;
                transform: scale(1.15);
            }
        }
        .author-name {
            color: var(--Juniors-Orange, #D93400);
            text-align: center;
            font-family: "Manuscript Condensed";
            font-size: 40px;
            font-style: normal;
            font-weight: 500;
            line-height: 95%;
        }
        .author-title {
            color:#000;
            font-family: "BDO Grotesk";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            letter-spacing: 0.28px;
            margin-top: 6px;
        }
    }
}

.quote-block.watch-for-visibility {
    .left-image {
        left: -200px;
    }
    .right-image {
        right: -200px;
    }
    &.visible {
        .left-image {
            left: 15px;
        }
        .right-image {
            right: 0;
        } 
    }
}

.quote-content {
    text-align: center;
    padding: 0 20px;
}

.quote-text {
    font-size: 24px;
    color: #e74c3c;
    margin: 0;
}

.author-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.author-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
}

.author-text {
    text-align: left;
}

.author-name {
    font-size: 18px;
    color: #e74c3c;
    margin: 0;
}

.author-title {
    font-size: 14px;
    color: #333;
    margin: 0;
}
@media screen and (max-width:768px) {
    .parallax-block{
        padding-top: 30px;
    }
    .reverse-image .right-image {
        bottom: 110%!important;
    }
    .quote-block.watch-for-visibility {
        &.reverse-image {
            .left-image {
                left: 150%;
            }
            .right-image {
                right: 150%;
            }
        }
    }
    .quote-block.watch-for-visibility {
        &.visible.reverse-image {
            .left-image {
                top: 90%;
                left: 90%;
            }
            .right-image {
                max-width: 220px;
                right: 90%;
            }
        }
    }
    

}

@media screen and (min-width:1360px) {
    .quote-wrapper {
        .left-image,
        .right-image {
            width: 375px;
            height: auto;
            position: absolute;
            max-height: 370px;
            object-fit: contain;
        }
    }
    .right-image {
        width: 566px;
    }
}