Mantenere forma circolare a div quando si restringe la finestra browser.

[tomtomeight]

Buonasera.
Sto facendo un restyling ad una parte di un sito ed ho applicato il template free AS 002104free con il modulo slider articles news adv. Ma lo potrei implementare su qualsiasi template.
Il risultato è a questo indirizzo: https://sisinternational.net/scuola-di-lingue/sis-for-kids.html
A tutta larghezza i cerchi sono perfetti ma quando si restringe la finestra per visione su dispositivi smart i cerchi diventano ovali, chiedo se ci sta una regola per mantenere la forma agendo sul contenuto testuale facendo diminuire l'anteprima dell'articolo incorniciato nei cerchi?
Grazie come sempre a chi potrà rispondere o meno.

[giusebos]

prova a impostare
border-radius: 50%;

anzichè
border-radius: 100%;

[giusebos]

No aspetta, ho visto meglio:

per avere una forma circolare occorre prima un blocco perfettamente quadrato, mentre il tuo si adatta alla larghezza massima utile della colonna e al padding massimo in altezza.

se come background inserisci una immagine png (su unico colore peserà davvero poco) potrai applicargli una classe che la trasformi in tonda e con un bordo colorato.