.centered-container {
    width: 100%;
    max-width: 70vw;
    margin: 0 auto;
    text-align: center;
}

/* 70vw är en radlängdsbegränsning för breda skärmar. På mobil blev det 60px
   extra marginal per sida utöver containerns 16px. */
@media (max-width: 767px) {
    .centered-container { max-width: none; }
}

.image-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.responsive-image {
    width: 100%;
    max-width: 1200px;
    height: auto;
}

.text-block {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
}

