.image-grid-section{padding:60px 0}.image-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px;width:100%}.image-grid[data-columns="2"]{--columns:2}.image-grid[data-columns="3"]{--columns:3}.image-grid[data-columns="4"]{--columns:4}.image-grid[data-columns="5"]{--columns:5}.image-grid[data-columns="6"]{--columns:6}.image-grid-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;flex:0 0 calc((100% - (var(--columns, 4) - 1)*20px)/var(--columns, 4));flex-direction:column;overflow:hidden;transition:all .3s ease}.image-grid-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.image-wrapper{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:200px;overflow:hidden;position:relative}.image-wrapper img{height:auto;object-fit:contain;transition:transform .3s ease;width:100%}.image-grid-item:hover .image-wrapper img{transform:scale(1.05)}.image-caption{background:#fff;border-top:1px solid #eee;color:#666;font-size:14px;padding:15px;text-align:center}@media (max-width:1200px){.image-grid[data-columns="5"],.image-grid[data-columns="6"]{--columns:4}}@media (max-width:992px){.image-grid[data-columns="4"],.image-grid[data-columns="5"],.image-grid[data-columns="6"]{--columns:3}}@media (max-width:650px){.image-grid-section{padding:40px 0}.image-grid{gap:15px;margin-top:30px}.image-grid[data-columns="3"],.image-grid[data-columns="4"],.image-grid[data-columns="5"],.image-grid[data-columns="6"]{--columns:2}.image-grid-item{flex:0 0 calc((100% - (var(--columns, 2) - 1)*15px)/var(--columns, 2))}.image-wrapper{min-height:150px}.image-caption{font-size:13px;padding:12px}}@media (max-width:480px){.image-grid{gap:12px}.image-grid[data-columns="2"]{--columns:1}.image-grid-item{flex:0 0 calc((100% - (var(--columns, 1) - 1)*12px)/var(--columns, 1))}.image-wrapper{min-height:120px}.image-caption{font-size:12px;padding:10px}}@media (max-width:320px){.image-grid[data-columns="2"],.image-grid[data-columns="3"],.image-grid[data-columns="4"],.image-grid[data-columns="5"],.image-grid[data-columns="6"]{--columns:1}.image-grid-item{flex:0 0 calc(100% - 20px);margin:0 10px}}