Crear cuenta
<link rel="stylesheet" href="CSS\estilos.css">
<body>
<div id="contenedor">
<a href="Paisajes.html"><img src="images\fotodigital.jpg" width="35%"/></a>
</div>
<div id="pote">
<a href="Retratos.html"><img src="images\fotoanalog.jpg" width="30%"/></a>
</div>
</body>
body{background-color:#d5c75f;}
#contenedor:hover{transform:rotate(-10deg); shadow:#82c3a6;}
#pote:hover{transform:translate(20px, -5px);}
#contenedor{position:left;}
#pote{position:right;}
div{border-bottom-right-radius:1px; border-bottom-left-radius:1px;}
<style>
body{background-color:#d5c75f;}
#contenedor:hover{transform:rotate(-10deg); shadow:#82c3a6;}
#pote:hover{transform:translate(20px, -5px);}
#contenedor{float:left;width:35%}
#pote{float:right;width:30%}
div{border-bottom-right-radius:1px; border-bottom-left-radius:1px;}
</style>
<body>
<div id="contenedor">
<a href="Paisajes.html"><img src="images\fotodigital.jpg" width="100%"/></a>
</div>
<div id="pote">
<a href="Retratos.html"><img src="images\fotoanalog.jpg" width="100%"/></a>
</div>
</body>