.text--1 {
    row-gap: 1.25rem;
}

.text--1 .component__heading,
.text--1 .component__content {
    text-align: center;
}

@media (min-width: 992px) {
    .text--1 .component__heading,
    .text--1 .component__content {
        grid-column: 4 / 12;
    }
}

@media (min-width: 1200px) {
}

@media (min-width: 1480px) {
}