.testimonial {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s ease;
    width: calc(
        100% - 40px
    ); /* Adjusted width considering left and right margins */
    margin: 20px; /* Set the margin */
}
.footertestimonials {
    position: relative; /* Container for testimonials */
    width: 100%; /* Adjust as needed */
    height: 100px; /* Adjust as needed */
    overflow: hidden; /* Hide overflowing content */
}

.testimonial {
    position: absolute; /* Absolutely positioned */
    top: 0; /* Stack them at the same position */
    left: 0;
    opacity: 0; /* Initially hide */
    transition: opacity 0.5s ease; /* Smooth fade transition */
    width: 100%; /* Take full width */
    z-index: 1; /* Base z-index */
}

.testimonial.active {
    opacity: 1; /* Show active testimonial */
    z-index: 2; /* Ensure it's on top of others */
}
.testname {
    font-style: italic;
    padding-left: 25px;
    margin-top: 7px;
}
.footertestimonials .quote {
    color: #9e0933;
    font-size: 530%;
    left: 0;
    position: absolute;
    top: 20px;
}

.footertestimonials .quotetext {
    display: block;
    padding: 10px 30px 0 33px;

    text-align: left;
}

.footertestimonials .testname {
    font-size: 80%;
    font-style: italic;
    margin-top: 7px;
    padding-left: 25px;
}
.quote.rightquote {
    bottom: 0;
    color: #9e0933;
    font-size: 530%;
    left: auto;
    right: 20px;
    top: auto;
}

.footertestimonials .testimonial {
    display: table;
    font-size: 130%;
    line-height: 140%;
    margin: 20px;
}

.footertestimonials .testimonial {
    display: table;
    font-size: 120%;
    line-height: 140%;
    margin: 20px;
}

.footertestimonials {
    min-height: 180px;
    width: 60%;
    float: left;
}