ANIMAL ADVICE

.instagram-header { padding: 20px; text-align: center; border-bottom: 1px solid #f0f0f0; } .instagram-header h3 { margin: 0 0 10px 0; color: #262626; font-size: 18px; font-weight: 600; } .instagram-link { display: inline-flex; align-items: center; color: #0095f6; text-decoration: none; font-size: 14px; font-weight: 500; } .instagram-link:hover { text-decoration: underline; } .instagram-icon { margin-right: 8px; } .instagram-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; padding: 2px; } .instagram-post { position: relative; aspect-ratio: 1; overflow: hidden; } .instagram-post a { display: block; width: 100%; height: 100%; text-decoration: none; } .post-image { width: 100%; height: 100%; } .post-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .post-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; } .instagram-post:hover .post-overlay { opacity: 1; } .instagram-post:hover .post-image img { transform: scale(1.1); } .post-info { color: white; text-align: center; font-size: 14px; } .post-info span { margin: 0 8px; font-size: 18px; } .instagram-footer { padding: 15px 20px; text-align: center; border-top: 1px solid #f0f0f0; } .view-more { color: #0095f6; text-decoration: none; font-size: 14px; font-weight: 500; } .view-more:hover { text-decoration: underline; } @media (max-width: 768px) { .instagram-grid { grid-template-columns: repeat(2, 1fr); } }