images cannot be displayed completely

[Rabithua]

//
//  ArticleDetailView.swift
//  Rote
//
//  Created by antigravity on 2026/1/13.
//

import MarkdownUI
import SwiftUI

struct ArticleDetailView: View {
  let article: Article
  @Environment(\.dismiss) private var dismiss

  var body: some View {
    NavigationStack {
      ScrollView {
        Markdown(article.content)
          .padding()
          .markdownTheme(.gitHub)  // Use GitHub theme as it's common for markdown
      }
      .toolbar {
        ToolbarItem(placement: .topBarTrailing) {
          Button {
            HapticType.light.trigger()
            dismiss()
          } label: {
            Image(systemName: "xmark")
          }
        }
      }
    }
  }
}

I am using a Markdown component on a sheet to display an article, but I have found a problem that the images cannot be displayed completely; they are cut off and exceed the container range. How can I avoid this situation? Thank you for any help you can provide.

[Rabithua]

https://rote.ink/rote/53e9e04c-2876-4fbc-8b4a-43ac3d0a08aa
Document link is here

[zjc19891106]

@Rabithua you can see the repo https://github.com/zjc19891106/MarkdownDisplayView