*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins' , sans-serif;

}

body {
  ..background-image: url("Background.JPG");
  ..background-size: cover; 

 }

    .container {
      height: 100vh;
      width: 100%;
      overflow-y: scroll;
      scroll-snap-type: y mandatory;
    }

    .slides {
      height: 100vh;
      width: 100%;
      display: flex;
      flex-direction: column;
     justify-content: center;
      gap: 10px;
      scroll-snap-align: start;
    }

    .slides img {
       width: 350px;
    }
     .slides h1 {
       font-size: 24px; 
}

.slides h2 {
       font-size: 14px; 
}
    
     .link-top-left {
       position: absolute;
       top: 10px;
       left: 10px;
       color: gray; 
       text-decoration: none; 
       font-size: 12px;
       border: 1px solid gray;
       padding: 4px;
}
  

.link-top-left:hover {
  color: black; 
  border-color: black;
}
 
.link-top-left:first-child {
  left: 10px;
}

.link-top-left:last-child {
  left: 135.5px; 
}

<style>
  .slides ul {
    list-style-position: inside;
  }
   .slides li {
    list-style: none; 
    align-items: center;
     margin: 0; 
    padding: 0; 
  }
</style>