JSFiddle - React, Tailwind, and code Playground

HTML

<body class="galleryStyle">
    <div class="galleryGrid">
      <div class="galleryContainer">
        <div>
          <a href="google.com">
            <img src="https://i.ytimg.com/vi/BY3PXd2zLT4/maxresdefault.jpg" alt="image1">
          </a>
        </div>
      </div>
      </div>

CSS

.galleryStyle {
  color: white;
  width: 100%;
  background: black;
}

.galleryContainer {
  height: 100%;
  margin: 10px;
  padding: 15px;
  border-radius: 100%;
  background: red;
}

.galleryGrid {
  display: grid;
  grid-template-columns: repeat(2, 3fr);
  padding: 5px;
  margin: 10px;
  height: 100%;
  width: 60%;
}