Ekran boyutuna göre resim ve yazı

Merhabalar, ekran boyutuna göre resim eklemek ve üstüne yazı vb eklemek istiyorum. CSS kodu vb olan var mı?

font-size 'ı vw şeklinde belirtirseniz yüzdelik olarak ekran boyutuna göre ayarlayacaktır.

örnek:

.h2{
font-size: 5vw; /* Ekran genişliği boyutuna göre yüzde 5 olarak ayarlar*/
}


.h2{
font-size: 5vh; /* Ekran yüksekliği boyutuna göre yüzde 5 olarak ayarlar*/
}

resimler için de width değerini % olarak verebilirsin.

örnek

.image{
width: 80%;
}

Edit:

Örnek Bir Çalışma:

https://codepen.io/halituzan/pen/OJEOYaJ