.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding: 40px 20px;
    width: 90%;
}

.valplas-section{
    display: flex;
    justify-content: center;
    width: 100%;
}

.grid-item > img {
    object-fit: cover;
    height: 18em;
    width: 100%;
}

.grid-item {
    background-color: var(--secondary-color-90pct);
    padding: 20px;
}

.grid-container p {
    line-height: 2;
}

.grid-item:hover .splitter {
    width: 80%;
}

@media only screen and (max-width: 880px) {
    .grid-container {
        grid-template-columns: 1fr;
        width: 100%;
    }
}