Problem z figcaption

Cześć :slight_smile:

Mam problem z figcaption, które na zdjęciach o wielkości równej szerokości strony umiejscawia się zgodnie z przeznaczeniem, a kłopot pojawia się gdy zdjęcia są mniejsze i wystaje ono poza grafikę. Jak to naprawić aby niezależnie od wielkości zdjęcia nie wystawało ono poza prawy dolny róg?

CSS:

.img-container{
position: relative;
margin: 0;
}
.img-container img{
display: block;
}
.img-caption{
position: absolute;
bottom: 0;
right: 0;
background-color: rgba(30,30,30,.5);
padding: 5px 10px;
font-size: 12px;
font-family: Lato;
font-weight: bold;
color: #fff;
}
.img-caption a:link {
color: white;
}
.img-caption a:visited {
color: white;
}

kod HTML:

<figure class="img-container">
  <img src="../../images/blog/2024/foto.png" width="950" height="800">
  <figcaption class="img-caption">
  TEKST
  </figcaption>
  </figure>

z góry dzięki za pomoc :slight_smile:
.

problem rozwiązany - pomogło mi dodanie 1 linijki :slight_smile:

.img-container{
  position: relative;
  margin: 0; 
  display: table;
}

Ten temat został automatycznie zamknięty 30 dni po ostatnim wpisie. Tworzenie nowych odpowiedzi nie jest już możliwe.