I have a div with a background image that I am trying to give a transparent type border to.

Currently, this works for the side borders but the top and bottom borders do not fill with the image. How would I achieve this?

```css
.picture-div {
  background: url(https://www.princeton.edu/sites/default/files/styles/half_2x/public/images/2022/02/KOA_Nassau_2697x1517.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 25px solid rgba(100, 100, 100, .50);
  width: 200px;
  height: 200px;
  border-radius: 60px;
}
```

```html
<div class="picture-div" />
```