.container1 {
        position: relative;
        width: 100%;
        padding: 0px;
        padding bottom: -1px;
        }

        .image1 {
          display: block;
          width: 100%;
          height: auto;
          padding: 0px;
          padding bottom: -1px;
        }

        .overlay1 {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          height: 100%;
          width: 100%;
          opacity: 0;
          transition: .5s ease;
          background-color: #008CBA;
          padding bottom: -1px;
        }

        .container1:hover .overlay1 {
          opacity: 1;
          padding bottom: -1px;
        }