Zeitbasiertes Bild auf Website mit PHP und CSS

Moin Leute,

ich bastele gerade mal eine Website. Bin soweit fertig. Muss nur noch einen automatischen Wechsel des Hintergrund-Bildes einbauen.
Das Hintergrundbild ist im Joomla Template in der theme.css-Datei definiert:


Ich kann darüber also ein statisches Bild definieren. Möchte aber mit folgendem Code zeitbasiert zwischen 3 Bildern wechseln.


Einbinden könnte ich es in die php-Datei mit dem html-Code:
<img src="<?php echo $img; ?>">


Meine Frage ist nun: Wie kann ich das am besten einbinden? Den Bilderwechsel besser in die theme.css oder per php in der Template-index.php?
Das Bild im css hat als background-size: cover; d.h. es passt sich automatisch der Browsergröße an. (Was ich sehr gut finde...)
Ginge das auch in der index.php <img src="<?php echo $img; ?>"> ? So stellt es ja nur die Bilddatei dar, wie sie ist. (Zu groß oder zu klein auf der Seite, nicht sich anpassend)

Herzlichen Dank für eure Hilfe.
Peter

 echo "<style type=\"text/css\">Body {Background-Image:url('path/bg.jpg') !Important}</style>";  

.nacht {
        background-image: url("../../../images/hintergrund.jpg");  
}
.vormittagt {
        background-image: url("../../../images/anderesBild.jpg");  
}
.nachmittag {
        background-image: url("../../../images/nochEinAnderesBild.jpg");  
}

<?php 
 $h = date('G');   
 if ($h < 7) {
        $css = ''nacht';   
} else if ($h < 20) {
        $css = 'vormittag';   
 else 
        $css = 'nachmittag';   
}
?>

<div class="joomlaKlassen <?php echo $cass; ?>">...</div>  

 background-image: url("../../../images/hintergrund.jpg") !important;