.img-container {
position: relative;
width: fit-content;
height: fit-content;
}
.text-container {
position: absolute;
bottom: 0;
display: flex;
width: 100%;
text-align: center;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.6);
padding: 1.5rem;
box-sizing: border-box;
transition: all 0.3s ease-out;
}
.text-container:hover {
transition: all 0.3s ease-out;
background-color: rgba(255, 255, 255, 0.9);
}
.text-container p {
color: black;
font-size: 20pt;
font-family: Arial, Helvetica, sans-serif;
}