.expandable-content-with-image {
    .expandable-content-with-image__container
        > div:nth-child(odd)
        > .expandable-content__content {
        order: -1;
    }

    @media only screen and (max-width: 768px) {
        .expandable-content-with-image__container
            > div:nth-child(odd)
            > .expandable-content__content {
            order: 0;
        }
    }
}
.expandable-content-with-image {
    .expandable-content__item {
        .expandable-content__image {
            height: 100%;

            @media only screen and (max-width: 768px) {
                height: 350px;
            }
        }

        .expandable-content__content {
            height: 375px;

            .item__short,
            .item__long {
                display: none;
                height: 0;
            }

            .item__short--visible,
            .item__long--visible {
                display: block;
                height: fit-content;
            }

            .item__button button:hover {
                background-color: transparent;
            }

            .item__button button:focus {
                background-color: transparent;
            }
        }
    }

    .expandable-content__item--active {
        .expandable-content__image {
            height: 100%;

            @media only screen and (max-width: 768px) {
                height: 0px;
            }
        }

        .expandable-content__content {
            height: fit-content;
        }
    }
}