.cast {
    max-width: 1020px;
    margin: 0 auto;
}

.cast__section {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    column-gap: 6.75em;
    margin-bottom: 9.1875em;
}

.cast__img {
    grid-column: span 1;
    max-width: 335px;
    max-height: 418px;
    order: 0;
    align-self: flex-start;
}

.cast__text {
    grid-column: span 2;
    order: 1;
}

.cast__text h2 {
    margin-bottom: 0.5em;
}

.cast__text p {
    font-size: 1rem;
}

.cast__section--imgright .cast__img {
    order: 1;
}

.cast__section--imgright .cast__text {
    order: 0;
}

.readmore {
    display: none;
}

.moretext {
    display: block;
}

@media screen and (max-width: 900px) {
    .cast {
        max-width: 520px;
    }

    .cast__img {
        grid-column: 2;
        width: 280px;
        justify-self: center;
        margin-bottom: 2em;
    }

    .cast__text,
    .cast__img {
        grid-column: 1/-1;
    }

    .cast__text p {
        text-align: justify;
    }

    .cast__section--imgright .cast__img,
    .cast__section--imgright .cast__text {
        order: 0;
    }

    .moretext {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .readmore {
        display: inline-block;
        font-size: 0.75rem;
        font-style: normal;
    }

    .moretext {
        display: none;
    }

    .cast__text p:last-of-type {
        margin-bottom: 0;
    }
}