.container {display: flex;flex-wrap: wrap;gap: 20px;padding: 3em 0 6em;}
.left-image {flex: 0 0 30%;}
.left-image img {height: 800px;object-fit: cover;}
.right-items {flex: 1;display: grid;grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));gap: 10px;margin:0;}
.img{align-content: center;}
@media (max-width: 768px) {
.container {flex-direction: column;padding: 0em 0 6em;}
.left-image {width: 100%;}
.left-image img {max-height: 300px;width: 100%;max-width:300px;object-position:center -48px;}
.right-items {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 480px) {.right-items {grid-template-columns: 1fr;}}