Image Slider mit Css Hover effekt

Ich mal wieder

ich habe ein Problem mit dem Header/Image-Slider ( ist derzeit quasi deaktiviert weil ich die slidingzeit nach oben geschraubt habe )
auf meiner startseite: http://www.web91.s67.goserver.host/

und zwar wenn man drüber hovert erscheint der kurztext dazu und DIE HEADLINE (h5) rutscht nach oben
gezwungenermaßen durch den befehl:

.cap-bot:hover h5 {

• bottom: 120px;

}

Ich möchte aber jedoch keine bestimmte pixelanzahl angeben, in diesem fall die 120px um die die Headline beim hovern nach oben rutscht,
sondern angepasst an den Text der erscheint beim hovern, irgendwo ist der wurm drin und ich weiß nicht wie ich das hinkriege, hoffe mir kann jmd helfen
gruß an helix :'D (Y)

 

denke man muss da irgendwie anders mit position:relative arbeiten,
ich möchte nicht auf 2 Zeilen arbeiten, da ich the_excerpt schon eine bestimmt anzahl an zeichen festgelegt habe un dann kann es sein das es auch mal
3 zeilig werden kann. es ist ein schlichter css3 slider ohne java wie man sieht

 

hiiiilfeeee

 

das ist mir durchaus bewusst, weshalb ich geschrieben habe das man da wohl mit position: relative denke ich arbeiten muss, aber ich wäre auch für ne lösung dankbar oder zumindest einen lösungsansatz

 

Danke Monika dein Ansatz hat mich auf die Lösung gebracht, ich habe einfach die figcaption als auch die h5 in einen neuen div gepackt und hier position: relative auswählt, den neuen div hab ich dann absolute verpasst und diesen dem hover effekt gegeben so das sich jetzt der Text immer im gleichen Abstand an die headline bewegt