* {
    box-sizing: border-box;
}

body {
  height: 100%;
  font-family: Arial;
  background: white;
  background-image: linear-gradient(rgba(132, 205, 238, .7) .1em, transparent .1em), linear-gradient(90deg, rgba(132, 205, 238, .7) .1em, transparent .1em);
  background-size: 3em 3em;
}

main {
    border: 5px black solid;
    line-height: 20px;
    margin: 0 auto;
    margin-top: 30px;
    width: 100%;
    padding: 30px;
    max-width: 970px;
/*    background: white;*/
    backdrop-filter: blur(5px);
}

.grid-container {
    display: grid;
    margin: 0 auto;
    grid-template-columns: 240px auto;
    grid-template-rows: auto;
    grid-template-areas:
        'head head'
        'info main'
        'foot foot';
    grid-gap: 10px;
}

.head {grid-area: head;
margin-top: 15px;}
.info {grid-area: info;
border: 2px black solid;
padding: 10px;}
.main {grid-area: main;
border: 2px black solid;
padding: 20px;}
.foot {grid-area: foot;
border: 2px black solid;
padding: 25px;}

img {
    float: left;
}