.product-grid {
  margin-top: 60px;
  padding-bottom: 60px;
  border-bottom: 3px solid #01bf63;
}

.container {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  margin: auto;
  width: 70%;
  gap: 20px;
}

.left {
  background: red;
  & img {
    width: 100%;
    height: 100%;
  }
}

.right {
  gap: 20px;
  display: grid;
  grid-template-rows: 1fr 1fr;
}

.left, .top, .bottom {
  & img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 768px) {
  .container {
    grid-template-columns: none;
  }
}