Как сверстать резиновый квадрат с помощью чистого CSS?
вроде все работает https://jsfiddle.net/dbvq1nzf/
Самый простой способ это сделать ширину = 0, и например padding: 25%
Получим квадрат который будет занимать половину ширины своего контейнера