Расположение радио кнопок в Bootstrap

Question

Снимок экрана

Я использую bootstrap для создания переключателя изображения, и я пытаюсь расположить переключатель в правом углу изображения, попытался абсолютное позиционирование, но оно не работает, может быть, я просто что-то упускаю.

https://codepen.io/jhongeric/pen/eYNrgPP

div {
  margin-left: 200px;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="custom-control custom-radio image-checkbox">
  <input type="radio" class="custom-control-input myinput" id="ck2a" name="ck2">
  <label class="custom-control-label" for="ck2a">
      <img  src="https://via.placeholder.com/350

C/O https://placeholder.com/" alt="#" class="img-fluid">
    </label>
</div>

Answer 1

.custom-control-label::before{left:auto;right:0;}

https://codepen.io/vadivel-tlga/pen/NWqMdQX