Das würde dann bedeuten ich müsste die Bilder irgendwie als Hintergrundbilder einbinden und nicht als <img>?
Nein, nicht als Hintergrund. Ersetze mal die relativen Größenangaben (100%) durch fixe (Pixel, rem).
Nachtrag: beim clip müsstes Du die Größe des Bildes schon auf dem Server ermitteln und als inline-CSS mitgeben (oder via Session/oder get-Parameter eine berechnete CSS-Datei nachliefern Sonst müsstest Du immer von unten und links abschneiden.
Hier übrigens mal anhand meines heutigen kitschigen Desktophintergrundes (Foto wurde von mir selbst gemacht) als Beispiel, warum Beschneiden manchmal suboptimal ist.
Linker Bildschirm (1920x1080px):
Rechter Bildschirm (1280x1024px)
Das erste ist nur Kitsch, das zweite sieht auch noch so aus, dass manchem so manche unangemessene Wörter als passend erscheinen könnten… Ich sage dazu, dass ich den zweiten (rechten) Bildschirm zum Glück nicht immer angeschaltet habe und wenn überhaupt, dann deshalb weil ich darin ganz fix ein Anwendungsfenster vor dem Mist habe...