Grapesjs Text Block class issue

[sathudeva7]

when i adding multiple instances of text block in grapes all the instances follow same styles here is the code

`const normalTextBlock = (editor) => {

editor.BlockManager.add("text", {
	label: "Text",
	content: `
    <style>
     @media (max-width: 768px) {
  .size-text {
    font-size:10px
  }
}`
    </style>
    <div class="size-text">TYPE SOMETHING</div>
  `,
	category: {
		id: "text",
		label: "Text",
		open: false,
		attributes: { class: 'icon-text' },
	},
	attributes: {
		class: "icon-text",
	},
});

};`

When I add a class to the div, all instances follow the same styles; otherwise, it performs correctly. Since I need to fix responsiveness issues, I can't use media queries without a class. How can I address this?