проблема с изменением размера параллакса, как сделать отзывчивым

Question

Я хочу, чтобы изображение / div реагировало на изменение размера окна вместоизображение, толкающее текст, я хочу, чтобы круговое изображение изменило размеры, я знаю, что проблема заключается в заданных пикселях, но когда я пытаюсь использовать проценты, это нарушает компоновку.я поместил фоновое изображение с радиусом внутри div и попытался установить высоту div, и использовал проценты, чтобы установить изображение, но оно полностью исчезло.я пытался воссоздать на codepen.

https://codepen.io/m4rsibar/details/mGNYXL

.2container{
  display:flex;
  flex-direction:column;
  max-height: 500px;

}

.secondimg{
  background-image: url(http://unsplash.it/800/800);
  height: 500px;
  width:500px;
  background-attachment: fixed;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 70%;
  position:relative;
}