@media (max-width: 1024px) {
    .step {
        flex-direction: row-reverse;
    }

    .step__instruction {
        flex: 1 1 auto;
    }

    .how-start-playing {
        background-color: #EAEAEA;
        height: auto;
    }

    .instruction__title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .instruction__subtitle {
        font-size: 24px;
    }

    .instruction__description {
        font-size: 16px;
    }

    .step__count {
        display: none;
    }

    .how-start-playing__bkg {
        display: none;
    }

    .how-start-playing__instruction {
        padding: 50px 0;
        max-width: unset;
    }

    .instruction__images {
        flex-direction: column;
    }

    .instruction__image {
        margin-right: 0;
        margin-bottom: 20px;
        width: 320px;
        height: 180px;
    }

    .instruction__image:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .instruction__button {
        text-align: center;
        width: auto;
    }



    .instruction__image {
        width: auto;
    }
}

@media (max-width: 360px) {
    .instruction__image {
        width: 100%;
    }

    .step {
        display: block;
    }
}