.steps .steps__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    list-style-type: none;
    counter-reset: num;
    margin: 0;
    padding: 0;
}

.steps__item {
    position: relative;
    padding: 32px;
    border-radius: 24px;
    background-color: var(--color-light);
    overflow: hidden;
}
.steps__item:last-child {
    grid-column: 1 / span 2;
}
.steps__item::before {
    border-radius: 0px !important;
    position: relative !important;
    bottom: -20px;
    top: 22px !important;
    content: counter(num) !important;
    counter-increment: num;
    font-size: 120px;
    font-weight: 700;
    width: 60px !important;
    height: 60px !important;
    left: 0px !important;
    line-height: 100px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgb(255 255 255 / .3) 50%, rgb(255 255 255 / .05) 75%, #fff0 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #fff0;
    background-clip: text !important;
}
.container .steps__item li:before {
    position: relative;
    bottom: -20px;
    content: counter(num);
    counter-increment: num;
    font-size: 120px;
    font-weight: 700;
    line-height: 100px;
    background: linear-gradient(180deg, #FFFFFF 0%, rgb(255 255 255 / .3) 50%, rgb(255 255 255 / .05) 75%, #fff0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    background-clip: text;
}
.steps__item p {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .steps .steps__items {
        grid-template-columns: 1fr;
    }
    .steps__item:last-child {
        grid-column: 1;
    }
}


.picture__caption {
    margin-top: 5px;
    text-align: center;
    font-style: italic;
}