Overlapping grid areas issue

.overlapping-grid {
    display: grid;
    place-items: center;
    grid-template-areas: 
        "image-section-one"
        "title"
        "image-section-two"
        "text";
}