.radek {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.sirka60 {
    flex: 0 0 60%;
}

.sirka40 {
    flex: 0 0 40%;
}

.obrazek img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Mobil */
@media (max-width: 768px) {
    .radek {
        flex-direction: column;
    }

    .sirka60,
    .sirka40 {
        width: 100%;
        flex: 0 0 100%;
    }

    .text {
        order: 1;
    }

    .obrazek {
        order: 2;
    }
}