adding responsive margin in wp image block

.entry-content .wp-block-image {
    margin-bottom: 30px !important; /* margin bottom for all devices with a width of more than 450px  */
}
@media only screen and (max-width: 425px) {
    .entry-content .wp-block-image {
        margin-bottom: 10px !important; /* margin bottom for all devices with a width of less than 450px (most of mobile device) */
    }
  }