Este es mi código CSS para la imagen (se mantiene en el tamaño original de Cloudinary)
.img-container { position: relative; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; margin-bottom: 1.5rem; } #skills-img { height: 100%; width: 100%; display: block; object-fit: contain; border-radius: 50%; position: relative; }Mi HTML para la imagen
<div class="img-container"> <img src="" id="skills-image" alt="Skill"> </div>¿Alguna idea de por qué no me deja cambiar el tamaño de la imagen nublada?
TIA Connor
Parece un error tipográfico: el CSS es para #skills-img , la identificación de la imagen en HTML es skills-image
.img-container { position: relative; width: 150px; height: 150px; border-radius: 50%; margin: 0 auto; margin-bottom: 1.5rem; } #skills-img { height: 100%; width: 100%; display: block; object-fit: contain; border-radius: 50%; position: relative; } <div class="img-container"> <img src="" id="skills-img" alt="Skill"> </div>Espero que tengas tu solución.