img {
      border-radius: 16px;
      display: block;
      margin: auto;
    }

    .container {
      display: grid;
      grid-template-areas:
        "header header"
        "menu content"
        "footer footer";
      grid-template-columns: 1fr 3fr;
      gap: 3px;
      background-color: pink;
      padding: 6px;
    }

    .container header {
      grid-area: header;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.6);
      border: 4px solid purple;
      padding: 10px;
    }

    .container menu {
      grid-area: menu;
      background-color: rgba(255, 255, 255, 0.6);
      padding: 10px;
    }

    .container content {
      grid-area: content;
      background-color: rgba(255, 255, 255, 0.6);
      padding: 10px;
    }

    .container footer {
      grid-area: footer;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.6);
      padding: 10px;
    }