.my-ads {
    width: 100%;
    display: grid;
    gap: 10px;
    margin: 10px 0;
}
.my-widget-ads {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    width: 100%;
    display: grid;
}
.my-ads img, .my-widget-ads img {
    width: 100%;
    height: auto;
}
.my-ads.grid-1 {
     grid-template-columns: repeat(1, 1fr);
 }
.my-ads.grid-2 {
     grid-template-columns: repeat(2, 1fr);
 }
.my-ads.grid-3 {
     grid-template-columns: repeat(3, 1fr);
 }
.my-ads.grid-4 {
     grid-template-columns: repeat(4, 1fr);
 }
.my-ads.grid-5 {
     grid-template-columns: repeat(5, 1fr);
 }
@media (max-width: 676px) {
    .my-ads.grid-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .my-ads.grid-3 {
        grid-template-columns: repeat(1, 1fr);
    }
    .my-ads.grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }
    .my-ads.grid-5 {
        grid-template-columns: repeat(1, 1fr);
    }
}