.wedo {

    .wedo__grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 24px;

            figure {
                img {
                    width: 48px;
                    height: auto;
                }
            }
    }
}

@media only screen and (max-width: 576px) {
    .wedo {
        overflow-x: hidden;

        & > figure {
            img {
                margin-left: -78%;
                width: 250% !important;
                max-width: 250% !important;
                object-fit: contain;
                object-position: center;
            }
        }

        & > p {
            padding-left: 24px;
            padding-right: 24px;

            br {
                display: none;
            }
        }
    
       .wedo__grid {
        padding-left: 24px;
        padding-right: 24px;
       }
    }

}

@media only screen and (min-width: 576px) and (max-width: 1200px) {
    .wedo {
        overflow-x: hidden;

        & > figure {
            img {
                margin-left: -50%;
                width: 200% !important;
                max-width: 200% !important;
                object-fit: contain;
                object-position: center;
            }
        }
    }
}

@media only screen and (min-width: 768px) {
    .wedo {
        .wedo__grid {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 24px;
        }
    }
}

@media only screen and (min-width: 1200px) {
    .wedo {
        .wedo__grid {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 32px;
        
            figure {
                img {
                    width: clamp(48px, 4.16vw, 80px);
                    height: auto;
                }
            }
        }
    }
}