.Magnify-main { position: relative; .Magnify-container { position: relative; // height: 50vh; // width: 50vw; .__magnify__img { border: 1px solid #999; position: relative; img { width: 100%; } .__magnify__zoom { background-color: yellow; opacity: 0.5; position: absolute; left: 0; top: 0; display: none; } } .__magnify__img-big-box { border: 1px solid #999; position: absolute; display: none; overflow: hidden; background: black; .__magnify__img-big-img{ position: relative; height: 100%; width: 100%; object-fit: cover; } } } }