.steps {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.steps__title {
    font-family: 'Roboto Slab';
    margin-bottom: 2rem;
}

.step {
    display: flex;
    gap: 3rem;
}

.step:nth-child(2n) {
    flex-direction: row-reverse;
}

.step__content {

}

.step__title{
    font-family: 'Roboto Slab';
    color: rgb(var(--category-color, var(--primary-color)));
}

.step__caption {
    font-weight: 600;
}

.step__image {
    flex-shrink: 0;
    height: 160px;
    width: 240px;
    border-radius: 1rem;
}

.step__text * {
    font-size: 1rem;
}