JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">        
<div class="pictureContainer">
            <img id="currentPic" class="slideShowPic" src="http://blog.gettyimages.com/wp-content/uploads/2013/01/Siberian-Tiger-Running-Through-Snow-Tom-Brakefield-Getty-Images-200353826-001.jpg"  width="350" alt="IMAGE" />
            
            <div class="hoverMenu">
                <a class="nextSlide" href="#">
                    >
                </a>
                <a class="prevSlide" href="#">
                    <
                </a>
            </div>
      </div>
</div>

SCSS

.pictureContainer {
    width: 350px;
    position: relative;
    background: red;
    padding: 0;
    margin: 0;
}

#currentPic {
    vertical-align: top;
}
.wrapper {
    margin:auto;
    width: 350px;
}