JavaScript не может стилизовать мой DIV с помощью Magnific popup и Stack Overflow

Я использую PHP / SQL для отображения своих элементов. Я добавил плагин Magnific Popup чтобы подсветить элементы в штучной упаковке, когда пользователь нажимает на него.

Однако я не могу стилизовать свой всплывающий элемент, потому что я использую #ID (который должен быть стилем всплывающего окна), чтобы выбрать элемент, по которому щелкнули.

Есть ли другой способ отобразить мои элементы, чтобы я мог стилизовать свои всплывающие окна?

Вот мой код:

PHP / HTML

<?php while ($row = mysql_fetch_array($query)): ?>

<div class="grid-item">

<a class="popup-with-zoom-anim" href="#small-dialog-<?php echo $row['leakID']?>" >
<img src="<?php echo $row['leakURL']?>">
</a>

</div>

// The hidden POP-UP
<div id="small-dialog-<?php echo $row['leakID']?>" class="mfp-hide">
<img src="<?php echo $row['leakURL']?>">
</div>

<?php endwhile?>

Jquery

$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',

fixedContentPos: false,
fixedBgPos: true,

overflowY: 'auto',

closeBtnInside: true,
preloader: false,

midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-slide-bottom'
});