* {
    box-sizing: border-box;
  }

#container {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: auto;
    grid-template-areas: 
    "header-text picture"
    ;
     grid-gap: 5px;
}

#container section:nth-of-type(1) {
    grid-area: header-text;
    line-height: 1.8em;
    font-size: 1.2em;
}

#container section:nth-of-type(2) {
	    grid-area: picture;
		background-size: contain;
}

@media only screen and (max-width: 1175px) {

    #container {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: 
    "header-text"
    "picture"
    ;
    }

    main section {
        justify-content: center;
        text-align: center;
    }

}