.mobImg {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 20px;
    width: 100%;
    padding: var(--mrg) 0;
}

.mobImg .dImg {
    padding: 12px;
    border-radius: 32px;
    border:1px solid var(--ca);
}

.tab-img .dImg img{
   border-radius: var(--brr);
}

.dImg.mob {
    width: 100%;
    grid-column: 3 / span 2;
    grid-row: 1;
}

.dImg.mob2 {
    width: 100%;
    grid-column: 1;
    grid-row: 2;
    margin-top: -50%;
}

.dImg.mob3 {
    width: 100%;
    grid-column: 4;
    grid-row: 3;
    justify-self: flex-end;
    margin-top: -50%;
}