Как реализовать полупрозрачную рамку?
Задавайте цвет в формате rgba.
Например:border: 10px solid rgba(0,0,0,.2);
Для прозрачности используется свойство opacity в css (https://webref.ru/css/opacity)
Например,<style>
.mydiv {
  opacity: 0.5;
  background-image: url('background.png');
  width: 300px;
  height: 300px;
}
</style>

<div class="mydiv">
</div>