HTML-Datei und Bild mit Download-Link in anderes Bild einbinden - iframe nutzen?

Hallo zusammen:
Ich habe mal wieder eine Frage, die sich diesmal auf externe Inhalte bezieht.
Eine selbsterstellte HTML-Seite mit Terminen eines Vereins möchte ich in eine Website einbinden. Der Hintergrund soll das
Bild einer alten Urkunde sein. Höchstwahrscheinlich wird es so sein, dass die HTML-Seite aufgrund der Zahl der Termine nicht kurz ist
und man scrollen muss.
Zusätzlich möchte ich am Ende der Urkunde, dort wo das Siegel ist, auch ein Bild einbauen, das einen Link zu einem
PDF-Dokument (auch die Termine, zum Herunterladen) enthält. Wie kann ich das am besten machen? Ist für den oberen Teil
ein iFrame zu empfehlen? Es soll ja auch responsive sein, also auch auf mobilen Geräte funktionieren. Oder wie könnte man
die beiden Dinge noch realisieren?
Habe Euch mal ein Bild angehängt, wie es etwa aussehen soll. Oben in orange die eingebundene HTML-Datei mit den Terminen und
unten in blau das Bild mit dem Download-Link zur PDF-Datei, die auf dem gleichen Server liegt.
Über schnelle Antworten würde ich mich freuen! Danke schon mal!