.topic {
    border-radius: var(--main-chamfer);
    overflow: hidden;
    background: var(--bg-clr-2);
}

.topic__wrapper {
    display: grid;
    grid-template-columns: 1fr 56.5%;
}

.topic__column:first-child {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 32px 15px;
}

.topic__column > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--main-chamfer);
}

.topic .topic-content {
    max-width: 519px;
    margin: 0 auto;
}

@media (max-width: 767.98px) {
    .topic__wrapper {
        grid-template-columns: 1fr;
    }
}