#instafeed {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 5px;
max-width: 1000px;
margin: 30px auto;
padding: 10px;
}

.feed-card {
display: block;
text-decoration: none;
position: relative;
background-color: #000;
overflow: hidden;
border-radius: 4px;

box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);

transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
	box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.feed-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
z-index: 10;
}

.feed-card-inner {
position: relative;
width: 100%;
padding-top: 125% !important; 
overflow: hidden;
background: #f0f0f0;
}

.feed-card-inner img,
.feed-card-inner video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: opacity 0.3s ease;
}

.feed-card:hover img,
.feed-card:hover video {
opacity: 0.85;
}

.is-video::after {
content: "▶";
position: absolute;
top: 12px;
right: 12px;
z-index: 5;
color: white;
font-size: 14px;
background: rgba(0, 0, 0, 0.5);
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 50%;
pointer-events: none;
}

@media (max-width: 600px) {
#instafeed {
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.feed-card:hover {
	transform: none;
}
}