Table within photos hover effect?

Tell us what’s happening:
I’m trying to align 3 photos, each has a hover text effect in HTML, but when I try either in CSS or each personal HTML tag to align it doesn’t work, what am I doing wrong?

Your code so far

exlogo


.container { position: relative; width: 50%; }

.image {
display: block;
align=right;
align= center;
width: 100%;
height: 200px;
width: 200px;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000000;
}

.container:hover .overlay {
opacity: 1;
}

.text {
color: white;
font-size: 14px;
position: absolute;
font-family:‘Josefin Sans’, sans-serif;;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

Nail in the Coffin Earrings $40.00
.container { position: relative; width: 50%; }

.image {
display: block;
width: 100%;
height: 200px;
width: 200px;
align: left;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000000;
}

.container:hover .overlay {
opacity: 1;
}

.text {
color: white;
font-size: 14px;
position: absolute;
font-family:‘Josefin Sans’, sans-serif;;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

X Marks the Spot Necklace $40.00
.container { position: relative; width: 50%; }

.image {
display: block;
width: 100%;
height: 200px;
width: 200px;
}

.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #000000;
}

.container:hover .overlay {
opacity: 1;
}

.text {
color: white;
font-size: 14px;
position: absolute;
font-family:‘Josefin Sans’, sans-serif;;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

Coffin Nail Necklace $30.00

browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36.

Link to the challenge: