I need to make an image invisible outside parent div (image are bigger than parent div), without changing `position: fixed`. Why `overflow: hidden` not working?

Thank for any advice!

```css
.wrap {
  height: 100;
  width: 100;
  background-color: #8087af;
  position: fixed;
  z-index: 1031;
  top: 0;
  overflow: hidden;
}
.image {
  position: fixed;
  left: 50;
  top: 50;
  z-index: 1032;
}
```

```html
<div class="wrap">
  <img src="https://cs5-1.4pda.to/8787400.jpg" alt="" class="image">
</div>
```