Fixes the issue where Krishna's image was positioned in front of his speech bubble, causing an overlapping problem. This PR adjusts the CSS positioning to ensure that the speech bubble is correctly aligned behind the image, resolving the overlapping issue.
Screenshots
Checklist
[x] My code adheres to the established style guidelines of the project.
[x] I have included comments in areas that may be difficult to understand.
[x] My changes have not introduced any new warnings.
Related Issue
Closes: #1486
Description
Fixes the issue where Krishna's image was positioned in front of his speech bubble, causing an overlapping problem. This PR adjusts the CSS positioning to ensure that the speech bubble is correctly aligned behind the image, resolving the overlapping issue.
Screenshots
Checklist