#pr-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, auto);
    gap: 10px;
	grid-auto-flow: column;

	.banner-item {
		position: relative;
		aspect-ratio: 16 / 9;
		overflow: hidden;
		box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	}

	.banner-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.label {
		position: absolute;
		top: 0;
		left: 0;
		padding: 2px 6px;
		font-size: 12px;
		color: white;
		background: rgba(0, 0, 0, 0.4);
		letter-spacing: 0.1em;
		backdrop-filter: blur(2px);
	}
}

@media (max-width: 500px) {
  #pr-grid-container {
    grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: row;
  }
}