<style>
        .grid {
            display: grid;
                 grid-template-columns: repeat(auto-fill, minmax(2000px, 1000px));
                        gap: 4px; padding: 4px;
        }

        .card {
            cursor: pointer;
            overflow: hidden;
                background: white;
            border-radius: 4px;
        }
        .card img {
                width: 1000px;
            object-fit: cover;
            display: block;
            transition: height 0.3s ease, object-fit 0.3s ease;
        }
        .card.expanded img {
            /* height: auto; */
                width: 2000px;
            object-fit: contain;
        }
	.limited-text {
   		 max-width: 980px;
  	}
</style>

<script>
        function toggleExpand(card) {
            card.classList.toggle('expanded');
        }
 </script>

