问题：您的"html结构对象"彼此交互。
你可以用css解决它太多的方式。
但你要知道："正确的方法只有少数。"
这样对你更好：'了解有关CSS详细信息'
例如：
选项1：分离你的主要对象，并给他们一些高度和宽度。
将它们放置在右侧和左侧。
//但是你必须给他们一个响应行为。
//您将需要一些css经验。
选项2：让你的英雄形象"绝对"而不是"块"。
//您将需要一些css知识'如flex'来'很好地'放置它
//学习'flex'。
选项3：您可以将图像用作div的背景图像。
//并使用一些响应行为使其包含、调整大小和放置。
//它将永远不会与其他html元素交互。
选项4：使用网格来分隔html对象，以避免彼此交互。
//学习网格。
//========================================================================================================================================================================================================================================================
如果你不想只在今天存钱...
检查其他类似的html/css代码示例。
找出相似但React灵敏的方法。
//========================================================================================================================================================================================================================================================