/* Vanilla 1.21.11 map_background.png, rendered with its original alpha edges. */ .card-map-content { position: absolute; inset: 0; } .home-page .minecraft-paper { --map-paper-inset: 9.375%; border: 0; outline: 0; clip-path: none; background: url("/images/minecraft-map-background.png") center / 100% 100% no-repeat; box-shadow: none; image-rendering: pixelated; filter: drop-shadow(4px 6px 0 #04080c99); } .home-page .map-art-frame { width: 320px; height: 320px; transform: none; padding: 0; } .home-page .map-art-frame img { position: absolute; inset: var(--map-paper-inset); width: 81.25%; height: 81.25%; display: block; object-fit: contain; image-rendering: pixelated; } .home-page .card-image .card-map-content { inset: var(--map-paper-inset); } .home-page .minecraft-paper.card-image .card-map-content img { object-fit: contain; } .home-page .map-card:hover .minecraft-paper img { transform: none; } .home-page .minecraft-paper .card-type { top: -16px; left: 0; } .home-page .empty-map-art { aspect-ratio: 1; padding: 0; transform: none; } .home-page .empty-map-art img { position: absolute; inset: var(--map-paper-inset); width: 81.25%; height: 81.25%; object-fit: contain; filter: none; } @media (max-width: 1000px) { .home-page .map-art-frame { width: 288px; height: 288px; } } @media (max-width: 700px) { .home-page .map-art-frame { width: 256px; height: 256px; } }