.container {
    display: grid;
    grid-template-columns: 1fr 1.5fr 0fr;
    grid-template-rows: 0.2fr 0.9fr 1.1fr;
    gap: 0px 0px;
      border: dashed black;
  }
  .cote {
    grid-area: 2 / 1 / 4 / 2;
    border: dashed black;
  }
  .menu {
    grid-area: 1 / 1 / 2 / 3;
    border: solid orange;
  }
  .Article2 {
    grid-area: 2 / 2 / 4 / 3;
    border: dashed blue;
    
  }
  .Article3 {
    grid-area: 3 / 2 / 4 / 3;
    border: dashed green;
  }
  img{
    animation-duration: 2s;
    animation-name: slidein;
  }
  div{
    padding:2rem;
    margin:2rem;
  }
  
  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 300%;
    }
    75% {
      font-size: 300%;
      margin-left: 25%;
      width: 150%;
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
  }