Как сделать фрейм прилипающим справа?

Как я могу сделать чтобы блок с фреймом прилипал справа с странице?

вот код:

<div class="jopa">
<iframe  src="https://yandex.ru/sprav/widget/rating-badge/###"  height="50" width="150" frameborder="0"></iframe>
</div>
</div>

css:

.jopa {
    height: 75px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    right: 0;
    top: 330px;
    overflow: hidden!important;
    background-color: #fff;
    margin-top: 5px;
    position: fixed;
}

Мне нужно чтобы рейтинг выводился таким вот образом: