Как сделать border над backgroundImage?

Question

[Michail]

Привет. Есть элемент

<div class="min-slider-container">
  <div class="img">
  </div>
</div>

и стили

.img{
                border: 2px solid transparent;
                margin: 0 15px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                width: 70px;
                height: 70px;
}

Возможно как то сделать рамку не на див, а на само изображение?

Answer 1

[Rustam Bainazarov]

Если img превышает высоту родительского блока, то блок увеличивается.

Answer 2

[Anton Nikonorov]

.img{
		position: relative;
		margin: 0 15px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		width: 70px;
		height: 70px;
}

.img:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border: 2px solid #fff;
}