проблема с выбранным классом ms-thumb-frame

Question

у меня есть сделать класс "ms-thumb-frame-selected", получить большой палец сообщения и добавить его к фону

но здесь моя проблема: все классы "ms-thumb-frame" получают одно и то же изображение

но если проверить из проверки, я вижу другое изображение правильное

вот мой код

<?php

$loop = new WP_Query( 'posts_per_page=6&cat=');
while($loop->have_posts()) : $loop->the_post();
$bg= 0;
$slider_image = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), '');

?>
<?php
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
if($bg == 0){ ?>

    <style>
        #masterslider .ms-thumb-frame-selected
        {
            background:linear-gradient( rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)), url("<?php echo $url;?>") no-repeat ;
            background-size:cover;
            opacity: .8;
            background-position: 100 0;
            transition: background .5s;
        }
    </style>

чтобы проверить проблему здесь

https://alrayah.org/

так коротко моя проблема здесь

после того, как он посмотрел на мастер-слайдер, все его изображения на фоне текста одинаковы, но если проверить код из ошибки, он получит другое изображение

как это?