Hjälp med formatering CSS/HTML

Håller på och hjälper en bekant med en hemsida men har lite problem.
Laddat ner ett färdigt template men lyckas inte riktigt få till det. (jag kan inget om att fixa en hemsida, men vill bara slänga ihop en "okej" sida då det kommer vara ett extrajobb vid sidan av hennes "riktiga" arbete.

https://workupload.com/file/qHCJ89uH
Det största problemet jag stör mig absolut mest på:

Hur minskar jag mellanrummet i vänsterkolumn mellan "Kils hund och kattklipp" och navigeringsmenyn? Det är ju enormt.
Känns som jag testat att ändra padding/margin top/bottom överallt i CSS men ingenstans får jag det att ändra på sig. Lyckats ändra formatering på headers osv innan men ja, denna har jag gått bet på.

Nummer två: i formuläret längst ner - vart ställer jag in vilken mail det ska skickas till när man klickar på "skicka"?
Nummer tre: Hur får jag denna formateringen av text:

bild -> text
text -> bild
bild -> text

Just nu är det ju
bild -> text
bild -> text
bild -> text

Blir så enformigt, har en vision om att det möjligtvis blir snyggare om man kör den andra formateringen.
Om ni har andra förslag på vad som skulle göra hemsidan bättre så får ni gärna säga till/ändra på det.

                                <div class="row">                                                                
                                    <div class="col-lg-8 col-md-7 col-sm-12 col-xs-12 push-lg-4 push-md-5">
                                        <header>
                                            <h2 class="tm-blue-text tm-section-title tm-margin-b-15">Tjänster</h2>
                                        </header>
                                        <header> <h3> Klippning </h3></header>
                                        <p>I klippningen ingår alltid badning och föning, det ger ett fantastiskt resultat! Det ingår även kloklippning, öronrensning och öronryckning. Har din hund besvär av fyllda analsäckar ingår även tömning av säckarna. Vill du klippa din trimhund ska du tänka på att pälsen kanske inte kommer gå att ryckas efteråt, då får man forstätta klippa. Vill du klippa till exempel en golden eller en border collie ska du tänka på att pälsen kan bli fjunigare, glanslös och förlora förmågan att vara fuktavvisande.</p>
                                        <header> <h3> Trimning </h3></header>
                                        <p>I trimning ingår trimning, kloklippning, öronryckning och öronrensning. De flesta hundar kan även bli badade och fönade efter trimning för bästa resultat. Vi har ett superbra, snällt schampo som lugnar och mjukar upp hud och päls som även går att använda efter trimning. Utborstning av underull (på ex japansk spets eller finsk lapphund) ingår i samma "kategori" som trimning, samma tjänster ingår och samma pris gäller.!</p>
                                        <header> <h3> Bad</h3></header>
                                        <p>I badet ingår dubbel schamponering, föning, kloklippning, öronrensning och öronryckning samt analsäckstömning. Jag rekommenderar att hundar med tovor blir urtovade innan bad, annars kan tovorna bli hårdare än innan, schampot sköljs inte ur ordentligt och kan irritera huden. Hundar med mycket underull bör ullas ur innan bad, annars kan de få stå i fönen och bli varma i onödan samtidigt som ullen ändå måste borstas ur för att de ska bli torra, det är skönare för hunden att ulla ur torr päls.</p>
            
                                    </div>

                                    <div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 pull-lg-8 pull-md-7 tm-about-img-container">
                                        <img src="img/n2.jpg" alt="Image" class="img-fluid">    
                                    </div>  
                                </div>

Hahah, riktigt kul att du inte kunde hålla dig.
Men toppen, tack för ditt utmärkta svar. Då kan jag nog lösa detta själv!

Hur skapar man en klickbar länk av navigeringssakerna på vänster kolumn?
<nav class="tm-main-nav">
<ul class="tm-main-nav-ul">
<li class="tm-nav-item">
<a href="index.html" class="tm-nav-item-link">Välkommen</a>
</li>

Har skapat en ny exakt kopia fast utan texten där man enbart har ett galleri i höger kolumn.
Vill att man ska kunna trycka på t.ex välkommen så hoppar man tillbaks till index.html-sidan men ingenting händer när jag trycker. Antar att dessa inte fungerar som vanliga knappar i och med att de normalt sett går till olika sektioner på hemsidan.

edit: F12 i webbläsaren fungerade helt sinnessjukt bra - löste problemet med texten vid navigeringsmenyn på ca 2 sekunder..

Toppen, tack!
Vad är din spontana tanke på sidan som den är nu?
http://pdev.educationhost.cloud/

Någon fatal brist eller något som skulle göra den betydligt bättre?

.tm-logo-div {
    padding-top: 200px; <-- Ta bort helt eller prova ~20px
    padding-bottom: 20px;
}

Haha, är det bara på min skärm det ser bättre ut med paddingen?
För mig hamnar loggan och navigeringsmenyn mer i mitten av sidan då?

edit: Jag har bara testat ha fullhöjd och ändrat bredden på sidan - men så fort som jag sänker höjden så ser sidan ut som en påse med skit så nu ser jag vad du menar.

Hur får jag den att vara centrerad hela tiden oavsett höjd?

Okej, har egentligen bara en fråga. Finns det någon bra lösning för att den stora hunden som är huvudbilden i högerkolumnen att bli bra i över 2560 upplösning? Dvs att den täcker hela bilden. Upp till 2560*1440 så gör den det.

https://www.kilshundochkattsalong.se/

Jag har ändrat text och dylikt så att det ska se helt okej ut när det är större upp till 4k.
Men enda sättet jag lyckades lösa bilden var att köra på en bild i högre upplösning, men då blev den ju > 5mb och ja, den laddades långsamt.

edit: hur får man den även att i de vanliga upplösningarna täcka hela bilden höjdmässigt också? (dvs i 1920*1080, 2560*1440)