Common Missing Responsive CSS for WordPress Gallery

gallery .gallery-item {
width: 98%!important;
margin: 0 1%;
float: left;
text-align: center;
}
.gallery .gallery-item img {width:225px;height:225px;object-fit:cover;border:1px solid #ddd;padding:5px;background: #fff;}

@media (min-width:481px) {
.gallery .gallery-item {
width: 48%!important;
}

}

@media (min-width:1030px) {
.gallery.gallery-columns-3 .gallery-item {
width: 31%!important;
}

.gallery.gallery-columns-4 .gallery-item {
width: 23%!important;
}

.gallery.gallery-columns-5 .gallery-item {
width: 18%!important;
}

.gallery.gallery-columns-6 .gallery-item {
width: 14.6%!important;
}

}