/* Apply these styles to the grid item containing the image and text */
.grid-item {
position: relative;
overflow: hidden;
}
/* Apply these styles specifically to the image */
.grid-image {
width: 100%;
height: auto;
border: 2px solid #000000; /* Replace with your desired border color */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Adjust the shadow values as needed */
}
/* Apply these styles to the text */
.portfolio-text {
position: absolute;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
width: 100%;
padding: 15px;
text-align: center;
font-size: 18px;
margin: 0; /* Reset margin to ensure no extra spacing */
}
