Отзывчивая высота пропорциональна ширине

Можно ли реализовать следующую логику с использованием HTML и CSS?

width: 100%;
height: 30% of width;

Что я хочу реализовать :Если я уменьшу ширину, высота также уменьшится пропорционально.