.catalog{
    width: 100%;
    display: flex;
    justify-content: center;
}

.container {  
    margin-top: 35px;
    width: 950px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "product1 product2"
      "product3 product4"
      "product5 product6"
      "product7 product8";
  }
  
  .product1 { 
    grid-area: product1; 
    border: solid black 1px;
    height: 300px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    align-items: center;

}

.product1 img{
    height: 200px;
    margin-left: 10px;
    border: solid #268da5 3px;
    border-radius: 0% 40%;
    transition: 0.2s;
}

.product1 img:hover{
    opacity: 70%;
    height: 190px;
}

.product1 div p{
    font-family: 'Poppins', sans-serif;
    margin-left: 20px;
}

  .product2 { 
    grid-area: product2; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
  
  .product3 { 
    grid-area: product3; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
  
  .product4 { 
    grid-area: product4; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
  
  .product5 { 
    grid-area: product5; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
  
  .product6 { 
    grid-area: product6; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
  
  .product7 { 
    grid-area: product7; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
  
  .product8 { 
    grid-area: product8; 
    border: solid black 1px;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}