.pub-block {
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

.pub-img {
    float: left;
    width: 220px;
    min-width: 220px;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    margin: 0 32px 16px 0;
}

.pub-hr {
    border: none;
    margin: 80px 0;
    border-top: 1px solid #e5e7eb;
}

.pub-launch-img {
    display: block;
    width: 30%;
    min-width: 380px;
    border-radius: 12px;
    margin: 16px auto 0;
}

@media (max-width: 640px) {
    .pub-block {
        flex-direction: column;
    }

    .pub-img {
        float: none;
        width: 100%;
        min-width: unset;
        margin: 0 0 16px 0;
    }

    .pub-launch-img {
        width: 100%;
        min-width: unset;
    }
}