[Duda] crea una página curriculum | HTML y CSS: header, footer y variables CSS

Tengo una duda, pues por temas personales no puse una foto mía, use una imagen de referencia, y pues la imagen tiene un tamaño desmedido, trate de modificarla en CSS a través de la clase: class="imagen__referencia", pero los cambios parecian no afectar a la imagen, alguien sabe el por qué?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style/style.css">
    <title>Curriculum</title>
</head>
<body>
    <header class="header">
        <nav class="header__menu">
            <a class="header__menu__link" href="index.html">Inicio</a>
            <a class="header__menu__link" href="about.html">Sobre mi</a>
            <a class="header__menu__link" href="curriculum.html">Curriculum</a>
        </nav>
    </header>
    <main class="presentacion">
        <section class="presentacion__contenido">

            <h1 class="presentacion__contenido__titulo">Currículo</h1>
            <p class="presentacion__contenido__texto">Estudiante universitario de Ingenieria de Sistemas, con una fuerte pasión por la programación y el desarrollo web. Actualmente me encuentro enfocado en fortalecer mis habilidades en el desarrollo front-end, explorando tecnologías como HTML, CSS y JavaScript. Busco una oportunidad que me permita aplicar mis conocimientos y continuar aprendiendo en un entorno dinámico y colaborativo.</p>
            <section class="presentacion__contenido">
                <h2 class="presentacion__contenido__titulo">EDUCACIÓN</h2>
                <p class="presentacion__contenido__texto">Mi formación como técnico me ha capacitado para resolver problemas y desarrollar soluciones tecnológicas. Aunque no tengo experiencia y no he trabajado en proyectos, mi fuerte pasión por el desarrollo y la resolución de problemas, creo me permiten entender y adaptarme rápidamente a nuevos conceptos y entornos.</p>
            </section>
            <section class="presentacion__contenido">
                <h2 class="presentacion__contenido__titulo">TECNOLOGÍAS</h2>
                <li class="presentacion__contenido__texto">Java</li>
                <li class="presentacion__contenido__texto">JavaScript</li>
                <li class="presentacion__contenido__texto">HTML</li>
                <li class="presentacion__contenido__texto">CSS</li>
            </section>
        </section>
        <img class="imagen__referencia" src="./assets/NTI5NzE_yO9RrR6SnCrwhNbe-2173-NOC.jpg" alt="imagen de referencia">
    </main>
    <footer class="footer">
        <p>Desarrollado por Daniel Torres</p>
    </footer>
</body>
</html>

¡Hola Daniel, espero que estés bien!

Entiendo tu situación. Parece que estás teniendo problemas para modificar el tamaño de la imagen con la clase "imagen__referencia" en tu archivo CSS. Es posible que el problema esté relacionado con la especificidad de tu selector CSS o con la forma en que estás aplicando los cambios de tamaño.

Una forma de abordar este problema es asegurarte de que estás aplicando el estilo CSS de manera correcta. Por ejemplo, si quieres modificar el tamaño de la imagen, podrías utilizar la propiedad "width" o "height" en tu archivo CSS. Algo así:

.imagen__referencia {
  width: 200px; /* o el tamaño que desees */
  height: auto; /* para mantener la proporción */
}

Asegúrate de que el archivo CSS esté enlazado correctamente en tu archivo HTML y de que no haya otros estilos que estén sobrescribiendo los cambios que estás intentando aplicar.

Espero que esto te ayude a solucionar el problema. ¡Buena suerte con tu página de currículum!

Espero haber ayudado y buenos estudios!