.pawstry {grid-area: pawstry}
.safe {grid-area: safe}
.variety {grid-area: variety}
.eco {grid-area: eco}
.products {grid-area: products}


.content {
    gap: 20px;
    margin: 20px;

margin: 430px 30px 100px;

    z-index: -10;
    /* border: 4px solid pink; */
    padding-bottom: 100px;
}


@media (max-width: 800px) {

    .content {
        display: grid;
        grid-template-areas: 
        'pawstry pawstry'
        'safe variety'
        'eco products';
    }

}

@media (min-width:800px) {
    .content {
        display: grid;
        grid-template-areas: 
        'pawstry pawstry pawstry pawstry'
        'safe variety eco products';
    }
}

.content > div {
    border: 4px solid pink;
    border-radius: 12px;
    padding: 20px;

}