.bg-semi-transparent {
            opacity: 0.7;
        }
        #background-section {
            background-size: cover;
            background-position: center;
            transition: background-image 2s ease-in-out; /* add this line */
        }

.bg-semi-transparent {
            opacity: 0.7;
        }
        #background-section {
            background-size: cover;
            background-position: center;
            transition: background-image 2s ease-in-out; /* add this line */
        }

.gallery {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
        }
    
        .gallery-item {
          width: calc(50% - 10px);
          margin: 10px;
          background-color: #f0f0f0;
          padding: 20px;
          border: 1px solid #ddd;
        }
    
        .gallery-image {
          width: 300px;
          height: 300px;
          object-fit: cover;
          border-radius: 10px;
          margin-right: 20px;
        }
    
        .gallery-info {
          display: flex;
          justify-content: space-between;
        }
    
        .gallery-title {
          font-weight: bold;
          font-size: 18px;
        }
    
        .gallery-date {
          color: #666;
          font-size: 14px;
        }
    
        .gallery-text {
          font-size: 16px;
          color: #333;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }