You have to write code for this there are 2 options.
1) Edit hero file and write html a/to reference you shared.
2) Create new section and write html a/to reference.
Difference in both is with first content will be static because it just html and with second you can change content from settings.
But have to write code in both.
You can write your html a/to reference here location Sections :-> hero.liquid
or you can create your own new file under same Sections
I can help you here to locate the file and fix issue you faced in theme code but this is a new section customization which takes time. I suggest if you don't know how to do this hire someone to do this.