Outiref
<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<meta name="p:domain_verify" content="69d2b77f6e3e5907ef8d3aa8e3a4ce7a"/>
	<meta name="verification" content="d3651eb3681301bbe785187dbf2b83d2" />
	<meta name="csrf-token" content="KAwKPSYiDpv2ttTYqtdI8Mlgw2f11r314doQW1Os">
	<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>&quot;Charmed&quot; (1998) tv posters</title>
<meta name="description" content="Gallery of 207 tv poster and cover images for &quot;Charmed&quot; (1998) tv posters. Synopsis: Three sisters (Prue, Piper and Phoebe) reunite and unlock their powers to become the Charmed Ones, the most powerful good witches of all time, whose prophesied destiny is to protect innocent lives from evil beings such as demons and warlocks. Each sister possesses unique magical powers that grow and evolve, while they attempt to maintain normal lives in modern day San Francisco.">
<meta name="keywords" content="movieposterdb, movie posters, film posters, tv posters, television posters, high quality posters, hq movie posters, hd movie posters, latest movie posters, 2024 movie posters, 2025 movie posters, vintage movie posters, movie poster collection, movie poster database, movie poster download, movie poster gallery, movie poster design, movie poster artists, movie poster art, movie poster artwork, movie poster blog, movie poster book, movie poster forum, movie poster history, movie poster logos, one sheet, half sheet, six sheet, three sheet, window card, lobby cards">
<meta name="robots" content="all">
<link rel="canonical" href="https://www.cinematerial.com/tv/charmed-i158552">
	<link rel="shortcut icon" href="/favicon.ico" />
	<link rel="stylesheet" href="/css/app.css?id=bec1740710e91c53f333bb0b6b0272db" />
	<script src="https://kit.fontawesome.com/3b8e2165c9.js" crossorigin="anonymous"></script>
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2030970-19"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());
		gtag('config', 'UA-2030970-19', {
			'site_speed_sample_rate': 100
		});
	</script>
	<script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "Movie",
    "url": "https://www.cinematerial.com/tv/charmed-i158552",
    "name": "\\\"Charmed\\\"",
    "image": "https://cdn.cinematerial.com/p/297x/pf5g1tub/charmed-movie-poster-md.jpg?v=1738291366",
    "datePublished": 1998,
    "description": "Three sisters (Prue, Piper and Phoebe) reunite and unlock their powers to become the Charmed Ones, the most powerful good witches of all time, whose prophesied destiny is to protect innocent lives from evil beings such as demons and warlocks. Each sister possesses unique magical powers that grow and evolve, while they attempt to maintain normal lives in modern day San Francisco. ",
    "sameAs": "https://www.imdb.com/title/tt0158552",
    "actor": [
        {
            "@type": "Person",
            "name": "Holly Marie Combs",
            "sameAs": "https://www.imdb.com/name/nm0001061"
        },
        {
            "@type": "Person",
            "name": "Alyssa Milano",
            "sameAs": "https://www.imdb.com/name/nm0000192"
        },
        {
            "@type": "Person",
            "name": "Rose McGowan",
            "sameAs": "https://www.imdb.com/name/nm0000535"
        },
        {
            "@type": "Person",
            "name": "Brian Krause",
            "sameAs": "https://www.imdb.com/name/nm0470182"
        },
        {
            "@type": "Person",
            "name": "Kaley Cuoco",
            "sameAs": "https://www.imdb.com/name/nm0192505"
        }
    ]
}
</script>
</head>

<body>
<div id="wrapper">
		<div id="cookiebar" class="fixed bottom-0 inset-x-0 bg-black/85 font-light md:text-sm z-10 p-3 text-gray-100">
		<div class="md:flex items-center max-w-[1060px] mx-auto gap-2">
			<p class="flex-grow max-sm:mb-2">This website uses cookies in order to collect usage information and show advertisements based on your personal preferences.</p>
			<a class="btn btn-success" href="/cookies/accept">Accept cookies</a>
			<a class="btn btn-danger" href="/privacy-policy">More info</a>
		</div>
	</div>
	
	<header class="navbar navbar-expand-md navbar-light">
		<div class="container-fluid flex max-sm:flex-wrap justify-between items-center gap-2">
			<a class="max-sm:w-full mr-4 max-sm:mb-2 navbar-brand" href="/">
				<img src="/images/logo.png" nopin="true" alt="CineMaterial logo" />
			</a>

			<nav class="flex flex-grow items-center gap-2 hidden md:block order-2 md:order-1" id="navbarSupportedContent">
				<ul class="navbar-nav flex items-center grow">
					<li class="group nav-item dropdown relative">
						<a href="#">
							Posters <i class="fa fa-fw fa-xs fa-caret-down"></i>
						</a>
						<div class="dropdown-menu hidden group-hover:block" aria-labelledby="postersDropdown">
							<a href="/posters">Latest additions</a>
							<a href="/posters/random">Random poster</a>
							<div class="my-1.5 border-b"></div>
							<a href="/posters?y=1940-1970&amp;c=1&amp;pc=us&amp;f=us">US vintage</a>
							<a href="/posters?y=1920-1990&amp;c=1&amp;pc=pl&amp;f=us">Classic Polish</a>
						</div>
					</li>
					<li class="">
						<a href="/titles/movies/2025">Movies</a>
					</li>
					<li class="nav-item d-none d-lg-inline forum">
						<a href="/forum">Forum</a>
					</li>
					<li class="group nav-item dropdown relative mr-auto">
						<a class="nav-link dropdown-toggle" href="#">
							More <i class="fa fa-fw fa-xs fa-caret-down"></i>
						</a>
						<div class="dropdown-menu hidden group-hover:block" aria-labelledby="moreDropdown">
							<a href="/titles/box-office">Box office</a>
							<a href="/artists">Artists</a>
							<a href="/companies">Design companies</a>
							<a href="/bookstore">Books</a>
							<a href="/titles/tv/2024">TV shows</a>
							<a href="/titles/shorts/2025">Shorts</a>
							<div class="my-1.5 border-b"></div>
							<a target="_blank" href="http://www.moviestillsdb.com">Movie stills</a>
							<a target="_blank" href="http://www.repostered.com">Alternative posters</a>
						</div>
					</li>
											<li style="width: auto !important;">
							<a rel="nofollow" href="/login">Login</a>
						</li>
						<li style="width: auto !important;">
							<a rel="nofollow" href="/register">Sign up</a>
						</li>
									</ul>
			</nav>
			<div class="flex grow w-full md:grow-0 md:w-auto order-1 md:order-2">
				<form class="max-sm:flex-grow relative" x-data="search" method="get" action="/search" @click.outside="open = false">
					<div class="flex gap-2 items-center rounded-md px-2 py-1.5 outline outline-1 outline-gray-300 has-[input:focus-within]:outline-2 has-[input:focus-within]:-outline-offset-1 has-[input:focus-within]:outline-blue-600">
						<i class="fa fa-magnifying-glass text-gray-400"></i>
						<input @click="open = true" type="text" x-model="q" @input.debounce="fetch" class="rounded focus:outline focus:outline-0" autocomplete="off" placeholder="Search" name="q">
					</div>
					<template x-if="open && results.length">
						<ul class="absolute inset-x-0 bg-white rounded border border-gray-300 mt-1 overflow-hidden">
							<template x-for="(item, key) in results" :key="key">
								<li class="hover:bg-gray-100">
									<a x-bind:href="item.url" class="block py-1.5 px-2.5 text-gray-600 hover:text-gray-900 hover:no-underline">
										<span x-html="item.name"></span>
										<template x-if="item.match">
											<span class="block text-gray-500 text-xs" x-text="item.match"></span>
										</template>
									</a>
								</li>
							</template>
						</ul>
					</template>
				</form>
				<button id="toggler" class="navbar-toggler md:hidden border rounded self-stretch h-full" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="min-width: 50px;">
					<i class="fa fa-fw fa-bars"></i>
				</button>
			</div>
		</div>
	</header>

	<main class="container-fluid" style="position: relative;">
				<div class="relative mb-4">
	<h1 class="page-title !text-left">
		<a style="color: #000; margin-right: 10px;" href="/tv/charmed-i158552">&quot;Charmed&quot;</a>
		<span style="color: #AAA;">1998</span>
	</h1>
	<ul class="title-tabs flex gap-8 border-b-2 border-gray-300">
                <li>
            <a class="block pb-2 text-gray-500 border-b-2 -mb-0.5 border-transparent hover:border-gray-500 hover:no-underline" href="/tv/charmed-i158552/info">Overview</a>
        </li>
                <li>
            <a class="block pb-2 text-gray-500 border-b-2 -mb-0.5 font-bold !text-black border-gray-900 hover:border-gray-500 hover:no-underline" href="/tv/charmed-i158552">Posters</a>
        </li>
                <li>
            <a class="block pb-2 text-gray-500 border-b-2 -mb-0.5 border-transparent hover:border-gray-500 hover:no-underline" href="/upload?imdb=158552">Upload poster</a>
        </li>
        	</ul>
</div>

        <div class="grid grid-cols-4 gap-6">
        <div class="col-span-4 md:col-span-3">
                        <div style="margin: 0 0 15px 0; padding: 5px; text-align: left;">
                <iframe title="MoviePoster.com"  src="/banners/moviepostercom-728x90/index.html" scrolling="no" border="0" marginwidth="0" style="border:none; width: 100%; height: 100px;" frameborder="0"></iframe>
            </div>
            
            
                        <div 0="class">
    <div class="masonry !-m-2">
        <div class="masonry-size w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5"></div>
        <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item sm:w-2/4 lg:w-2/5">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/pf5g1tub" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/297x/pf5g1tub/charmed-movie-poster-md.jpg?v=1738291366"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.78023407022107"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1200*1538 px</span>
    
            <a href="/tv/charmed-i158552/g/7d5813ae" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            3
                            <span class="hidden sm:inline">versions</span>
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ngvxmr3y" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ngvxmr3y/charmed-movie-poster-sm.jpg?v=1456528372"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.68"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>680*1000 px</span>
    
            <a href="/tv/charmed-i158552/g/681ea301" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            5
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/vjanwmzs" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/vjanwmzs/charmed-movie-poster-sm.jpg?v=1456110239"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.68146718146718"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>353*518 px</span>
    
            <a href="/tv/charmed-i158552/g/a9db3f80" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            5
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/wors8ueo" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/wors8ueo/charmed-movie-poster-sm.jpg?v=1456257603"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.8140625"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>521*640 px</span>
    
            <a href="/tv/charmed-i158552/g/583aa31a" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            4
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/pxqmuhhg" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/pxqmuhhg/charmed-movie-poster-sm.jpg?v=1638010669"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72173215717723"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1800*2494 px</span>
    
            <a href="/tv/charmed-i158552/g/098b782d" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            3
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/vpbv0e29" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/vpbv0e29/charmed-movie-poster-sm.jpg?v=1738291168"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.77120822622108"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1200*1556 px</span>
    
            <a href="/tv/charmed-i158552/g/a509adf7" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            3
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/b38igr3x" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/b38igr3x/charmed-movie-poster-sm.jpg?v=1456731682"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.97377326565144"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1151*1182 px</span>
    
            <a href="/tv/charmed-i158552/g/6a9b1339" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            3
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/tkgq2rr3" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/tkgq2rr3/charmed-movie-poster-sm.jpg?v=1456158696"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.73848368522073"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1539*2084 px</span>
    
            <a href="/tv/charmed-i158552/g/405c398f" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/qici5k4n" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/qici5k4n/charmed-movie-poster-sm.jpg?v=1456167216"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66634146341463"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1366*2050 px</span>
    
            <a href="/tv/charmed-i158552/g/eb454ad6" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/se7extje" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/se7extje/charmed-movie-poster-sm.jpg?v=1741454541"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.63671875"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1304*2048 px</span>
    
            <a href="/tv/charmed-i158552/g/mtirtl" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ihbgtdws" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ihbgtdws/charmed-movie-poster-sm.jpg?v=1456277060"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.8"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>960*1200 px</span>
    
            <a href="/tv/charmed-i158552/g/114a8fe3" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/fwuabbly" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/fwuabbly/charmed-movie-poster-sm.jpg?v=1738704858"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66752246469833"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>520*779 px</span>
    
            <a href="/tv/charmed-i158552/g/gisucb" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ci59ljtc" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ci59ljtc/charmed-movie-poster-sm.jpg?v=1456256844"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66666666666667"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>300*450 px</span>
    
            <a href="/tv/charmed-i158552/g/09972555" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/mpqhamwp" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/mpqhamwp/charmed-movie-poster-sm.jpg?v=1748382396"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.7589001447178"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2622*3455 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/vlazpqud" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/vlazpqud/charmed-movie-poster-sm.jpg?v=1738892245"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66666666666667"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2400*3600 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/n3zl2dgt" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/n3zl2dgt/charmed-movie-poster-sm.jpg?v=1742090573"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 2.116"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2116*1000 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/scominkf" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/scominkf/charmed-movie-poster-sm.jpg?v=1740702585"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69249394673123"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2002*2891 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ghrakaxz" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ghrakaxz/charmed-movie-poster-sm.jpg?v=1760574488"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 2.3188405797101"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1920*828 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/f630wqaw" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/f630wqaw/charmed-movie-poster-sm.jpg?v=1748644176"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.25"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1280*1024 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/pl8ksfmx" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/pl8ksfmx/charmed-movie-poster-sm.jpg?v=1456166791"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.68029953917051"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1181*1736 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/tz6s2xmz" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/tz6s2xmz/charmed-movie-poster-sm.jpg?v=1739322701"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.4320685434517"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1170*817 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ezhuiq02" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ezhuiq02/charmed-movie-poster-sm.jpg?v=1738624214"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72320302648171"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1147*1586 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/9avfwi4o" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/9avfwi4o/charmed-movie-poster-sm.jpg?v=1746921323"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.0204081632653"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1000*980 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/qa6yfae5" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/qa6yfae5/charmed-movie-poster-sm.jpg?v=1746921329"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1000*1000 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/rmw6jeiz" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/rmw6jeiz/charmed-movie-poster-sm.jpg?v=1746921335"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.0090817356206"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1000*991 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/xba2mrjv" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/xba2mrjv/charmed-movie-poster-sm.jpg?v=1456040211"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.75725806451613"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>939*1240 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ph2hy6si" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ph2hy6si/charmed-movie-poster-sm.jpg?v=1743377722"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.57974683544304"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>916*1580 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/jusrgcbf" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/jusrgcbf/charmed-movie-poster-sm.jpg?v=1456277060"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.76"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>912*1200 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/walhijkp" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/walhijkp/charmed-movie-poster-sm.jpg?v=1456257609"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.8"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>800*1000 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/2hlfbefg" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/2hlfbefg/charmed-movie-poster-sm.jpg?v=1456257606"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.784"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>784*1000 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/imle93gs" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/imle93gs/charmed-movie-poster-sm.jpg?v=1456178378"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.62459546925566"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>772*1236 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/nz2ubgdg" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/nz2ubgdg/charmed-movie-poster-sm.jpg?v=1740355289"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.803125"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>771*960 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/arstzuwo" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/arstzuwo/charmed-movie-poster-sm.jpg?v=1747530523"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.67256637168142"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>760*1130 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/vfvwiafs" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/vfvwiafs/charmed-movie-poster-sm.jpg?v=1595197119"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.3351877607789"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>960*719 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ihbutm6s" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ihbutm6s/charmed-movie-poster-sm.jpg?v=1456731684"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.3342857142857"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>934*700 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/dordf8e3" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/dordf8e3/charmed-movie-poster-sm.jpg?v=1746921317"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>640*640 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/gm13jkon" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/gm13jkon/charmed-movie-poster-sm.jpg?v=1748644140"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.77"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>531*300 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/rruxiqbt" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/rruxiqbt/charmed-movie-poster-sm.jpg?v=1456173077"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.79113924050633"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>500*632 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/iwczirih" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/iwczirih/charmed-movie-poster-sm.jpg?v=1456257605"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.79333333333333"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>476*600 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/sugjdof7" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/sugjdof7/charmed-movie-poster-sm.jpg?v=1456256842"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.75"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>450*600 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/djimdyyh" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/djimdyyh/charmed-movie-poster-sm.jpg?v=1456257608"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.75"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>450*600 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/yjl6jtlw" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/yjl6jtlw/charmed-movie-poster-sm.jpg?v=1456673391"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.3333333333333"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>600*450 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/8njsespv" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/8njsespv/charmed-movie-poster-sm.jpg?v=1456256845"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.76782449725777"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>420*547 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ge9up1cl" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ge9up1cl/charmed-movie-poster-sm.jpg?v=1748989950"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.3333333333333"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>400*300 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/af2z034g" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/af2z034g/charmed-movie-poster-sm.jpg?v=1748993121"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.3333333333333"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>400*300 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/gimy2fdp" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/gimy2fdp/charmed-movie-poster-sm.jpg?v=1456256841"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.782"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>391*500 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/rhjfvunq" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/rhjfvunq/charmed-movie-poster-sm.jpg?v=1744244305"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66014234875445"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>371*562 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/fhbkdceg" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/fhbkdceg/charmed-movie-poster-sm.jpg?v=1456110238"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.68798449612403"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>355*516 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/gy070qcc" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/gy070qcc/charmed-movie-poster-sm.jpg?v=1456656900"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.68339768339768"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>354*518 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ftagwhgr" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ftagwhgr/charmed-movie-poster-sm.jpg?v=1456110235"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.67692307692308"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>352*520 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/dxyweeov" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/dxyweeov/charmed-movie-poster-sm.jpg?v=1741825888"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66808510638298"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>314*470 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/hadvi3z3" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/hadvi3z3/charmed-russian-movie-poster-sm.jpg?v=1456282833"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70669427191166"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-RU opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1024*1449 px</span>
    
            <a href="/tv/charmed-i158552/g/6e008915" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/dflyw9dp" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Poster"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/dflyw9dp/charmed-south-african-movie-poster-sm.jpg?v=1456040341"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.772"
            title="&quot;Charmed&quot; Poster"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-ZA opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>386*500 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/fsvldy8y" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Textless"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/fsvldy8y/charmed-key-art-sm.jpg?v=1456229055"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.74121212121212"
            title="&quot;Charmed&quot; Textless"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
    
            <span>2446*3300 px</span>
    
            <a href="/tv/charmed-i158552/g/280f3e55" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            8
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/g8l71efb" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/g8l71efb/charmed-dvd-movie-cover-sm.jpg?v=1456157255"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.71665011585568"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2165*3021 px</span>
    
            <a href="/tv/charmed-i158552/g/9256f177" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            8
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/t5sdgplc" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/t5sdgplc/charmed-dvd-movie-cover-sm.jpg?v=1456674044"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.71083333333333"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>853*1200 px</span>
    
            <a href="/tv/charmed-i158552/g/88f36414" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            7
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/qkxtglpd" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/qkxtglpd/charmed-dvd-movie-cover-sm.jpg?v=1456157256"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70409233997901"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2013*2859 px</span>
    
            <a href="/tv/charmed-i158552/g/0cf4d469" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            6
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/hhpqmxrr" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/hhpqmxrr/charmed-dvd-movie-cover-sm.jpg?v=1456277057"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72704081632653"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>855*1176 px</span>
    
            <a href="/tv/charmed-i158552/g/f3009ca3" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            6
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/grhbftmm" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Logo"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/grhbftmm/charmed-logo-sm.jpg?v=1595197163"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 2.1454311454311"
            title="&quot;Charmed&quot; Logo"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1667*777 px</span>
    
            <a href="/tv/charmed-i158552/g/4f9bdb75" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            6
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ea9pzu2u" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Textless"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ea9pzu2u/charmed-key-art-sm.jpg?v=1456157604"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.85408921933086"
            title="&quot;Charmed&quot; Textless"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
    
            <span>919*1076 px</span>
    
            <a href="/tv/charmed-i158552/g/f50aade9" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            5
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/a3llwajc" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/a3llwajc/charmed-dvd-movie-cover-sm.jpg?v=1456277062"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72905982905983"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>853*1170 px</span>
    
            <a href="/tv/charmed-i158552/g/e04e6100" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            5
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/a80wbxwu" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/a80wbxwu/charmed-poster-sm.jpg?v=1668054496"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66666666666667"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2000*3000 px</span>
    
            <a href="/tv/charmed-i158552/g/vwiacq" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            3
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ezbeqdbi" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ezbeqdbi/charmed-poster-sm.jpg?v=1738024379"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72429792429792"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2966*4095 px</span>
    
            <a href="/tv/charmed-i158552/g/w9vfpr" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/o9usqzfh" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/o9usqzfh/charmed-movie-cover-sm.jpg?v=1740787930"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69322916666667"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1331*1920 px</span>
    
            <a href="/tv/charmed-i158552/g/fzdugv" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/7eicxt1t" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/7eicxt1t/charmed-movie-cover-sm.jpg?v=1738543337"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.73933333333333"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1109*1500 px</span>
    
            <a href="/tv/charmed-i158552/g/tlynfh" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ucuxzd2a" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ucuxzd2a/charmed-movie-cover-sm.jpg?v=1738543312"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69666666666667"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1045*1500 px</span>
    
            <a href="/tv/charmed-i158552/g/ib23k0" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/mc09cphu" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/mc09cphu/charmed-dvd-movie-cover-sm.jpg?v=1456277060"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.78416666666667"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>941*1200 px</span>
    
            <a href="/tv/charmed-i158552/g/2dc5fb90" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/yg6nqr1j" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/yg6nqr1j/charmed-dvd-movie-cover-sm.jpg?v=1595197402"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.73777777777778"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2656*3600 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/nphzximj" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/nphzximj/charmed-poster-sm.jpg?v=1738797453"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.7225"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2601*3600 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/upwf4nm1" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/upwf4nm1/charmed-poster-sm.jpg?v=1738717727"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 1.3922501699524"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2048*1471 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/goohnako" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/goohnako/charmed-movie-cover-sm.jpg?v=1740702570"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70217917675545"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2030*2891 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ggjubhdp" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ggjubhdp/charmed-movie-cover-sm.jpg?v=1740702556"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69920662297344"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2027*2899 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/6ed2cfz8" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/6ed2cfz8/charmed-blu-ray-movie-cover-sm.jpg?v=1595467981"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66666666666667"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2000*3000 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ku1da0nd" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ku1da0nd/charmed-movie-cover-sm.jpg?v=1740702512"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69637883008357"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2000*2872 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/lixd05kg" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/lixd05kg/charmed-movie-cover-sm.jpg?v=1740702544"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69627307558342"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1999*2871 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/ycnkv0kh" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/ycnkv0kh/charmed-movie-cover-sm.jpg?v=1740702530"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69399860432659"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1989*2866 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/23vu4egl" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Textless"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/23vu4egl/charmed-key-art-sm.jpg?v=1738286852"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.802734375"
            title="&quot;Charmed&quot; Textless"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
    
            <span>1644*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/xtyielvl" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/xtyielvl/charmed-dvd-movie-cover-sm.jpg?v=1759598034"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70929162833487"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1542*2174 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/gweekjxm" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/gweekjxm/charmed-poster-sm.jpg?v=1738717606"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.7509765625"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1538*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/rwfjvwka" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/rwfjvwka/charmed-dvd-movie-cover-sm.jpg?v=1759597825"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70699172033119"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1537*2174 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/cvxaaa4t" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/cvxaaa4t/charmed-dvd-movie-cover-sm.jpg?v=1759597831"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70607175712971"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1535*2174 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/cg5x271d" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/cg5x271d/charmed-dvd-movie-cover-sm.jpg?v=1759597846"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70607175712971"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1535*2174 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/lfnjsjky" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/lfnjsjky/charmed-poster-sm.jpg?v=1738717564"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.74609375"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1528*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/glrv93it" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/glrv93it/charmed-dvd-movie-cover-sm.jpg?v=1759598021"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70147194112236"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1525*2174 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/q5yhjxn6" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/q5yhjxn6/charmed-dvd-movie-cover-sm.jpg?v=1759598028"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70055197792088"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1523*2174 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/lbeubzpx" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/lbeubzpx/charmed-poster-sm.jpg?v=1738717518"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.73828125"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1512*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/b9mir9be" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/b9mir9be/charmed-poster-sm.jpg?v=1738797321"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72998046875"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1495*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/x1ihawms" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/x1ihawms/charmed-poster-sm.jpg?v=1738722413"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72900390625"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1493*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/uuufxsjm" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/uuufxsjm/charmed-poster-sm.jpg?v=1738797366"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72607421875"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1487*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/4qyaflzy" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/4qyaflzy/charmed-poster-sm.jpg?v=1738717764"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.7255859375"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1486*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/0pgaiuh8" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/0pgaiuh8/charmed-movie-cover-sm.jpg?v=1456332952"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72119140625"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1477*2048 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/u08ascam" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/u08ascam/charmed-movie-cover-sm.jpg?v=1740790769"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.69066666666667"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1036*1500 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/yxbpqp5k" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/yxbpqp5k/charmed-dvd-movie-cover-sm.jpg?v=1456731685"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.78397212543554"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>900*1148 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/qmexgpgi" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/qmexgpgi/charmed-dvd-movie-cover-sm.jpg?v=1456277063"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.75982905982906"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>889*1170 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/e6ejxqqx" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/e6ejxqqx/charmed-movie-cover-sm.jpg?v=1456674045"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.71083333333333"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>853*1200 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/zxmyccf8" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/zxmyccf8/charmed-movie-cover-sm.jpg?v=1738709485"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.82366325369738"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>724*879 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/vfgvuqwo" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/vfgvuqwo/charmed-movie-cover-sm.jpg?v=1456153911"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.838"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-US opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>419*500 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/datr79m8" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/datr79m8/charmed-italian-dvd-movie-cover-sm.jpg?v=1456673613"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.73868882733149"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-IT opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>800*1083 px</span>
    
            <a href="/tv/charmed-i158552/g/2de5380a" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            7
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/8berswsm" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/8berswsm/charmed-spanish-dvd-movie-cover-sm.jpg?v=1456674050"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.7007007007007"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-ES opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>700*999 px</span>
    
            <a href="/tv/charmed-i158552/g/3274524f" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            5
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/wzsiwsrt" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/wzsiwsrt/charmed-german-dvd-movie-cover-sm.jpg?v=1456190466"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72178329571106"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-DE opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1279*1772 px</span>
    
            <a href="/tv/charmed-i158552/g/9139b1db" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            7
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/lygnd0w4" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/lygnd0w4/charmed-german-dvd-movie-cover-sm.jpg?v=1456204824"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.72537448933273"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-DE opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>1598*2203 px</span>
    
            <a href="/tv/charmed-i158552/g/a47c381e" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            6
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/d0twodsj" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Cover"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/d0twodsj/charmed-russian-dvd-movie-cover-sm.jpg?v=1456652734"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.70769230769231"
            title="&quot;Charmed&quot; Cover"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-RU opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>506*715 px</span>
    
            <a href="/tv/charmed-i158552/g/9ebaa298" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            6
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/tggxvccu" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/tggxvccu/charmed-brazilian-poster-sm.jpg?v=1668059693"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66666666666667"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-BR opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2000*3000 px</span>
    
            <a href="/tv/charmed-i158552/g/j2gfvw" class="bg-gray-100 !text-gray-500 text-[0.70rem] rounded-full py-0.5 px-2 ml-auto hover:no-underline hover:bg-gray-200">
            2
                    </a>
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>                                <div class="w-1/2 xs:w-1/3 sm:w-1/4 lg:w-1/5 p-2 masonry-item">
    <div class="relative group group">
    <div class="block border-4 border-white text-gray-500 bg-white hover:no-underline hover:!text-gray-500" href="">
        <div class="relative overflow-hidden">
    <a href="/tv/charmed-i158552/p/6ssylxjw" class="w-full group">
        <img
            alt="&quot;Charmed&quot; Other"
            class="block w-full lazy"
            data-src="https://cdn.cinematerial.com/p/136x/6ssylxjw/charmed-brazilian-poster-sm.jpg?v=1668055298"
            nopin="true"
            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="
            style="aspect-ratio: 0.66666666666667"
            title="&quot;Charmed&quot; Other"
        />
        <span class="opacity-0 bg-black/15 absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
            </a>
</div>                        <p class="mt-1 text-[0.80rem] leading-4 flex items-center min-h-5">
            <span class="flag flag-BR opacity-65 !mb-0 !mr-1"></span>&nbsp;
    
            <span>2000*3000 px</span>
    
    </p>
    </div>
    <span class="pointer-events-none opacity-0 bg-gradient-to-b from-black/15 to-transparent to-80% absolute inset-0 transition-opacity md:group-hover:opacity-100"></span>
</div>
</div>
    </div>
</div>

                    </div>
        <div class="col-span-1 hidden md:block">
                            <div class="space-y-6" style="position: relative; margin: 0 0 20px; padding-bottom: 20px; border-bottom: 2px solid #DDD; overflow: visible;  opacity: 0.5; ">
                                            <div style="position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; " onclick="alert('Filtering is only available to contributors and gold donors.');"></div>
                    
                    <div>
                        <strong class="block text-sm mb-1">Filter by category:</strong>
                        <div
    x-data="{        open: false,        toggle() { this.open = !this.open },        close() { this.open = false }    }"
    class="relative block" placeholder="All"
>
    <button @click="toggle()" type="button" class="w-full inline-flex items-center justify-between rounded bg-gray-200 px-3 py-2 text-gray-900">
        All
        <i class="fa fa-xs fa-chevron-down"></i>
    </button>
    <div
        x-show="open"
        x-cloak
 @click="close()"
        @click.outside="close()"
        class="absolute top-0 inset-x-0 mt-1 z-10 divide-y divide-gray-100 rounded bg-white shadow-lg max-h-64 overflow-y-scroll [&_a]:cursor-pointer"
    >
        <div class="py-1.5">
                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline font-semibold" href="https://www.cinematerial.com/tv/charmed-i158552">
    All
</a>                            </div>
                            <div class="py-1.5">
                                                            <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?c=1">
    Poster <span class="text-xs text-gray-400">(56)</span>
</a>                                                            <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?c=2">
    Cover <span class="text-xs text-gray-400">(36)</span>
</a>                                                            <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?c=3">
    Textless <span class="text-xs text-gray-400">(14)</span>
</a>                                                            <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?c=4">
    Logo <span class="text-xs text-gray-400">(1)</span>
</a>                                                            <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?c=5">
    Other <span class="text-xs text-gray-400">(13)</span>
</a>                                                        </div>
    </div>
</div>                    </div>

                    <div>
                        <strong class="block text-sm mb-1">By country:</strong>
                        <div
    x-data="{        open: false,        toggle() { this.open = !this.open },        close() { this.open = false }    }"
    class="relative block" placeholder="All"
>
    <button @click="toggle()" type="button" class="w-full inline-flex items-center justify-between rounded bg-gray-200 px-3 py-2 text-gray-900">
        All
        <i class="fa fa-xs fa-chevron-down"></i>
    </button>
    <div
        x-show="open"
        x-cloak
 @click="close()"
        @click.outside="close()"
        class="absolute top-0 inset-x-0 mt-1 z-10 divide-y divide-gray-100 rounded bg-white shadow-lg max-h-64 overflow-y-scroll [&_a]:cursor-pointer"
    >
        <div class="py-1.5">
                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline font-semibold" href="https://www.cinematerial.com/tv/charmed-i158552">
    All
</a>                            </div>
                                                        <div class="py-1.5">
                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=US">
    United States <span class="text-xs text-gray-400">(92)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=DK">
    Denmark <span class="text-xs text-gray-400">(8)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=DE">
    Germany <span class="text-xs text-gray-400">(8)</span>
</a>                                                            </div>
                                                        <div class="py-1.5">
                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=ES">
    Spain <span class="text-xs text-gray-400">(8)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=SE">
    Sweden <span class="text-xs text-gray-400">(8)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=RU">
    Russia <span class="text-xs text-gray-400">(5)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=IT">
    Italy <span class="text-xs text-gray-400">(4)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=UK">
    United Kingdom <span class="text-xs text-gray-400">(4)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=BR">
    Brazil <span class="text-xs text-gray-400">(3)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=NL">
    Netherlands <span class="text-xs text-gray-400">(3)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=AU">
    Australia <span class="text-xs text-gray-400">(1)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=FR">
    France <span class="text-xs text-gray-400">(1)</span>
</a>                                                                <a class="block px-4 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 hover:no-underline" href="?pc=ZA">
    South Africa <span class="text-xs text-gray-400">(1)</span>
</a>                                                            </div>
    </div>
</div>                    </div>

                    
                    <div class="flex justify-between">
                        
                        <form action="/settings" method="post">
                            <input type="hidden" name="_token" value="KAwKPSYiDpv2ttTYqtdI8Mlgw2f11r314doQW1Os">
                            <input type="hidden" name="_method" value="PUT">
                            <input type="hidden" name="preferences" value="1">
                            <input type="hidden" name="filter" value="[]"/>
                            <button onclick="return confirm('Do you want to save this as your default filter setting?');" type="submit" class="btn btn-default">
                                <i class="fa fa-fw fa-save"></i> Save filter
                            </button>
                        </form>
                    </div>
                </div>
                        <div style="margin: 0 0 20px; padding-bottom: 20px; border-bottom: 2px solid #DDD;">
                <strong>Links:</strong><br/>
                                    <a target="_blank" class="block my-2 text-sm text-gray-600" href="https://www.amazon.com/gp/search?ie=UTF8&amp;camp=1789&amp;creative=9325&amp;index=aps&amp;keywords=%22Charmed%22&amp;linkCode=ur2&amp;tag=cinematerial-text-20&amp;linkId=ERUKRDLNMTSD6ETQ" title="Search for &amp;quot;Charmed&amp;quot; merch on Amazon">
                        <img alt="Amazon" src="/images/icons/logos/amazon.png" class="inline" style="margin-right: 5px;"/>Blu-rays, DVDs &amp; more
                    </a>
                                    <a target="_blank" class="block my-2 text-sm text-gray-600" href="https://www.ebay.com/sch/i.html?_nkw=%22Charmed%22+poster&amp;_sacat=45100&amp;mkcid=1&amp;mkrid=711-53200-19255-0&amp;siteid=0&amp;campid=5337376837&amp;customid=&amp;toolid=10001&amp;mkevt=1" title="Search for &amp;quot;Charmed&amp;quot; posters and memorabilia on eBay.">
                        <img alt="eBay" src="/images/icons/logos/ebay.png" class="inline" style="margin-right: 5px;"/>eBay affliate link
                    </a>
                                    <a target="_blank" class="block my-2 text-sm text-gray-600" href="https://artofthemovies.co.uk/search?q=Charmed&amp;id=rc5b0l" title="Buy posters for Charmed on Art of the Movies">
                        <img alt="Art of the Movies" src="/images/icons/logos/artofthemovies.png" class="inline" style="margin-right: 5px;"/>Art of the Movies
                    </a>
                                    <a target="_blank" class="block my-2 text-sm text-gray-600" href="https://www.movieposters.com/collections/shop?q=%22Charmed%22" title="Buy posters for &amp;quot;Charmed&amp;quot; on MoviePoster.com">
                        <img alt="MoviePoster.com" src="/images/icons/logos/moviepostercom.png" class="inline" style="margin-right: 5px;"/>Buy posters on MoviePoster.com
                    </a>
                                    <a target="_blank" class="block my-2 text-sm text-gray-600" href="https://www.imdb.com/title/tt0158552/" title="&amp;quot;Charmed&amp;quot; on the Internet Movie DataBase">
                        <img alt="IMDb" src="/images/icons/logos/imdb.png" class="inline" style="margin-right: 5px;"/>IMDb
                    </a>
                                    <a target="_blank" class="block my-2 text-sm text-gray-600" href="https://www.moviestillsdb.com/tv/charmed-i158552" title="&amp;quot;Charmed&amp;quot; television stills">
                        <img alt="MovieStillsDB" src="/images/icons/logos/moviestillsdb.png" class="inline" style="margin-right: 5px;"/>&quot;Charmed&quot; TV stills
                    </a>
                            </div>

            
        </div>
    </div>

	</main>

	<footer class="w-full bg-white mt-12 mx-auto border-t-2 text-xs pt-3 pb-4">
		<div class="container-fluid">
			<div class="overflow-hidden">
				<ul class="mb-0 mr-3 pr-3 md:border-r-2 leading-6 text-base flex md:float-left md:block">
										<li class="mr-2 md:!mr-0">
						<a
							aria-label="facebook"
							class="text-sky-800"
							href="https://www.facebook.com/CineMaterial"
							rel="noopener"
							style="color: #3b5998"
							target="_blank"
						>
							<i class="fab fa-fw fa-facebook"></i>
						</a>
					</li>
										<li class="mr-2 md:!mr-0">
						<a
							aria-label="twitter"
							class="text-sky-800"
							href="https://www.twitter.com/CineMaterial"
							rel="noopener"
							style="color: #1da1f2"
							target="_blank"
						>
							<i class="fab fa-fw fa-twitter"></i>
						</a>
					</li>
										<li class="mr-2 md:!mr-0">
						<a
							aria-label="pinterest"
							class="text-sky-800"
							href="https://www.pinterest.com/CineMaterial"
							rel="noopener"
							style="color: #bd081c"
							target="_blank"
						>
							<i class="fab fa-fw fa-pinterest"></i>
						</a>
					</li>
									</ul>

				<div class="flex flex-wrap mt-4 mb-1 md:!mt-1">
					<span class="basis-full md:basis-16 font-semibold text-gray-600 md:text-gray-400 py-0.5">Explore:</span>
					<ul class="my-0 flex flex-wrap divide-x divide-solid [&>*]:py-1 [&>*]:px-2">
						<li class="-ml-2 md:ml-0"><a class="text-sky-800" href="/titles/movies/2025">2025 movies</a></li>
						<li><a class="text-sky-800" href="/posters">Latest additions</a></li>
						<li><a class="text-sky-800" href="/posters/?y=1940-1970&amp;c=1&amp;pc=us&amp;f=us">US Vintage posters</a></li>
						<li><a class="text-sky-800" href="/posters/?y=1920-1990&amp;c=1&amp;pc=pl&amp;f=us">Classic Polish posters</a></li>
						<li><a class="text-sky-800" href="/artists">Artists</a></li>
						<li><a class="text-sky-800" href="/companies">Design agencies</a></li>
					</ul>
				</div>

				<div class="flex flex-wrap mt-4 mb-1 md:!mt-1">
					<span class="basis-full md:basis-16 font-semibold text-gray-600 md:text-gray-400 py-0.5">More info:</span>
					<ul class="my-0 flex flex-wrap divide-x divide-solid [&>*]:py-1 [&>*]:px-2">
						<li class="-ml-2 md:ml-0"><a class="text-sky-800" href="/contact">About</a></li>
						<li><a class="text-sky-800" href="/contact">Contact us</a></li>
						<li><a class="text-sky-800" href="/terms-and-conditions">Terms and Conditions</a></li>
						<li><a class="text-sky-800" href="/privacy-policy">Privacy Policy</a></li>
						<li><a class="text-sky-800" href="/features">Donate</a></li>
						<li><a class="text-sky-800" href="/forum">Message boards</a></li>
					</ul>
				</div>

				<div class="flex flex-wrap mt-4 mb-1 md:!mt-1">
					<span class="basis-full md:basis-16 font-semibold text-gray-600 md:text-gray-400 py-0.5">Friends:</span>
					<ul class="my-0 flex flex-wrap divide-x divide-solid [&>*]:py-1 [&>*]:px-2">
						<li class="-ml-2 md:ml-0"><a class="text-sky-800" target="_blank" rel="noopener" href="http://www.imdb.com" title="The Internet Movie Database">IMDb</a></li>
						<li><a class="text-sky-800" target="_blank" rel="noopener" href="http://www.themoviedb.org" title="The Movie Database">TheMovieDB</a></li>
						<li><a class="text-sky-800" target="_blank" rel="noopener" href="https://www.opensubtitles.org" title="Subtitles">Subtitles</a></li>
						<li><a class="text-sky-800" target="_blank" rel="noopener" href="http://www.lobbycards.net" title="Lobby Cards">Lobby Cards</a></li>
						<li><a class="text-sky-800" target="_blank" rel="noopener" href="http://www.250films.net" title="250films">250films</a></li>
						<li><a class="text-sky-800" target="_blank" rel="noopener" href="http://www.repostered.com" title="Alternative movie posters">Alternative movie posters</a></li>
					</ul>
				</div>
			</div>
			<p class="block mt-2 mb-0 text-gray-400 leading-5 max-w-4xl">
				All images on CineMaterial.com are intended for non-commercial entertainment and education use only - reviews, fan art, blogs, forums, etc. CineMaterial is not endorsed, sponsored or affiliated with any movie studio. All copyrights, trademarks, and logos are owned by their respective owners. This site is for non-profit/educational use only. Using images from CineMaterial to make and/or sell reprinted movie posters is strictly forbidden.
			</p>
		</div>
	</footer>
</div>

<script src="/js/app.js?id=665f156dcf7d488bfe406e35f3989a8f"></script>

<script type="text/javascript">
document.getElementById('toggler').addEventListener('click', function() {
	document.getElementById('navbarSupportedContent').classList.toggle('hidden');
});
</script>

<script type="text/javascript">
    const masonry = new Masonry('.masonry', {
        itemSelector: '.masonry-item',
        columnWidth: '.masonry-size',
        percentagePosition: true,
    });
</script>
<script type="text/javascript">
</script>

</body>
</html>