.home-page__container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    padding: 10px;
}

.home-page__top-grid {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.home-page__carousel {
    flex: 1 1 50%;
    box-sizing: border-box;
}

.home-page__main-news-container {
    flex: 1 1 50%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .home-page__top-grid {
        flex-direction: column;
    }

    .home-page__carousel,
    .home-page__main-news-container {
        flex: 1 1 100%;
        width: 100%;
    }
}