How do you make an image enlarge when you hover over it?

HTML & CSS
2

Hi, johned22; welcome to the forums.

Please read our posting guidelines for some suggestions about posting code.
Forum Posting Basics

We will need to see the HTML that goes with the CSS and know the dimensions of any images.
Ideally, a “working page”, one that starts with (or whatever doctype you are using) and ends with and contains the least amount of HTML and CSS to demonstrate the problem. To include the code in a post, put three backticks on a line by themselves before the code and three more backticks on a line by themselves after the code to preserve your formatting.

You can also highlite your code and click the </> symbol in the editor’s menu to preserve your formatting.

Instead of a “working page”, you might create a CodePen that demonstrates the issue or provide a link to your page.

FYI, “Fjords” is not a link.

As as example of a “working page”, I tried to create a “working page” using the code that you provided. Perhaps you can fill in some missing pieces so we will have a better idea of what you are trying to do.

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="css/stylesheet.css">
    <title>enlarge on hover</title>
<!--
https://www.sitepoint.com/community/t/how-do-you-make-an-image-enlarge-when-you-hover-over-it/232451?u=ronpat
Johned22
Aug 2,2016 11:04 PM
-->
    <style type="text/css">

.thumbnail1 {
    width:450px;
    padding:0;
    position:relative;
    overflow:hidden;
}
.thumbnail > .wrap {
    background-repeat:no-repeat;
    background-size:cover;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    transform:scale(1);
    transition:transform 0.5s ease-in-out;
    z-index:-1;
}
.thumbnail1 {
    transition:all 0.4s ease-in-out;
}
.thumgbnail1:hover {
    transform:scale(1.5);
    margin:-50px 0 60px 100px;
}

    </style>
</head>
<body>

<div class="thumbnail1">
    <div class="wrap"><img src="http://placehold.it/700x400/"></div>
</div>

</body>
</html>