Twitterの画像の間に隙間を開けるuserstyle

イラストを横に並べた1枚なのか、それとも2枚なのか。
左に大きいのがあるのはわかるが右は2枚なのか3枚なのか。
いろいろとわかりづらいので隙間を広げた。

ツイート単体画面の時に動かなかったのでliを外した

/* 画像2枚 */
.AdaptiveMedia-halfWidthPhoto:first-child{
    margin-right: 5px !important;
}
.AdaptiveMedia-halfWidthPhoto{
    width: calc((100% - 5px) / 2) !important;
}

/* 画像3枚 */
.AdaptiveMedia-twoThirdsWidthPhoto{
    margin-right: 5px !important;
    width: calc((100% - 5px) / 3 * 2) !important;
}
.AdaptiveMedia-halfHeightPhotoContainer{
    width: calc((100% - 5px) / 3) !important;
}
.AdaptiveMedia-halfHeightPhoto{
    margin-bottom: 5px !important;
    height: calc((100% - 5px) / 2) !important;
}

/* 画像4枚 */
.AdaptiveMedia-threeQuartersWidthPhoto{
    margin-right: 5px !important;
    width: calc((100% - 5px) / 4 * 3) !important;
}
.AdaptiveMedia-thirdHeightPhotoContainer{
    width: calc((100% - 5px) / 4) !important;
}
.AdaptiveMedia-thirdHeightPhoto{
    margin-bottom: 5px;
    height: calc((100% - 5px * 2) / 3) !important;
}